声明式与命令式设计

学习react的时候，对react的介绍有一句是声明式设计，当时不太了解，就查了查资料，了解了声明式设计与命令式设计。

命令式设计

命令式编程描述代码如何工作，告诉计算机一步步地执行、先做什么后做什么，在执行完之前,计算机并不知道我要做什么,为什么这么做.它只是一步一步地执行了。
例如：

var array = [0,1,2,3,4];
var newArray = [];
for(var i = 0; i < array.length; i++) {
  var newNumber = array[i] + 1;
  newArray.push(newNumber);
}
console.log(newArray); //=> [1,2,3,4,5]

声明式设计

声明式编程表明想要实现什么目的，应该做什么，但是不指定具体怎么做。

var array = [0,1,2,3,4];
var newArray = array.map(function(n) {
  return n + 1;
})
console.log(array) //=> [1,2,3,4,5]

很多时候，这两个要统一使用。一个用来封装函数，一个拿来调用。