命令式和声明式编程

文章类型:Javascript

发布者:hp

发布时间:2023-05-06

一:命令式编程

1:定义:编写代码时,需要明确地描述要执行的操作步骤,以达到预期的结果。代码中包含了大量的控制逻辑和条件判断。传统的面向对象编程。更注重过程

2:代码:传统的jquery和js原生操作

 $('#app')  div
.text('hello world') // 设置文本内容
 .on('click', () => { alert('ok') }) // 绑定点击事件

二:声明式

1:定义:更为抽象和简洁的编程风格,只需要描述想要达到的结果,而不需要描述如何实现这些结果。声明式编程将更多的工作交给了编程语言和运行时环境来处理。是函数式编程,更注重结果

2:代码:vue.js内部采用命令式实现,而暴露给用户的是声明式

 <div @click="() => alert('ok')">hello world</div>

三:总结

1:声明式的代码性能不优于命令式代码的性能(框架的本身就是封装了命令式代码才实现了面向用户的声明式)

2:声明式代码的可维护性更强,命令式需要维护整个过程,而声明式只需要关注结果