声明式和命令式是两种编程方式,Vue/React都是声明式的,JQuery是命令式的。
- 声明式编程:告诉“机器”你想要的是什么,让机器去想如何做这件事。就像你告诉你朋友画一幅画,你不用管他是怎么画出来的。
- 命令式编程:命令“机器”如何做这件事,按照你的命令一步步实现。就像按照你的命令,你朋友一步步把画画出来。
【举个栗子】:求一个数组里所有值的和。
命令式编程方式实现:
var arr = [1,2,3,4,5];
var total = 0;
for(var i = 0; i < arr.length; i++) {
total += arr[i]
}
console.log (total) // 15
声明式编程方式实现:
var arr = [1,2,3,4,5];
var total = arr.reduce (function (sum, n) {
return sum + n;
});
console.log (total) // 15
声明式编程方式其实就是把一些功能封装成一个函数,用的时候直接调用该方法即可,或是直接利用第三方的函数实现某些功能。
开发过程中,尽量使用声明式编程方式编程,把一些复用率高的功能抽象成一个个函数,使代码更加优雅。