认识达内从这里开始

昆明it培训：web前端开发中有时候会遇到编程才能解决的问题，今天就来分享一下web前端函数式编程的几种方式——

函数式编程的显著标志是不会对程序有“副作用”(side effect)。因为它不会改变函数外部的数据，也不依赖函数外部的数据。

举个例子：非函数编程的代码

let a = 0;

let test = function(){

a=a+1;

}

改写为函数式编程代码

let test = function(a){

return a+1;

}

函数式编程利刃(1)--Map

Map是由一个函数和一个元素集合组成。它会生成一个新的空数组，在原数组的每一个元素上执行函数，并把返回值插入到这个新数组中。Map的返回值就是这个新数组。

我们举个例子：返回平方数

let square = map(lambda x : x * x , [1,2,3,4]);

console.log(square); //[1,4,9,16]

这样的好处就是再也不用也循环来处理了，循环是非常影响性能的，尤其当迭代次数多了以后，执行的速度会明显下降。

函数式编程利刃(2)--Reduce

Reduce和Map的组成类似，也是也和函数和一个数组，但是它的返回值是这个数据的聚合值。

举个例子：求和运算

let sum = reduce(lambda a,x : a + x, [0,1,2,3,4]);

console.log(sum); //10

x是当前被执行的元素，a是上次迭代运算的结果。reduce将遍历所有元素并返回聚合的结果。当执行第一个元素时，第一个元素会被赋值给a,第二个元素会被赋值给x。

为什么map和reduce更好?

1.代码简洁，它们通常是一行代码就搞定。(一般而言：代码越少，出错的概率就越少)

2.结构统一，map和reduce的原数组，操作函数，返回值的位置结构都是一样的。

3.函数式编程，相较于循环，它们不会影响上下文定义的变量，同样减少了bug。

4.易于理解，不同于循环中的复杂结构，阅读者很容易理解代码的意图。

5.提供原生方法，filter,all,any,find.(又能少写好多代码了)

函数式编程利刃(3)--声明式编程

声明式编程的核心就是语义化的编程。不在使用命令式的编程，比如if ,else,while,do等。把复杂难懂的逻辑按步骤分拆成小函数，然后用这个函数来实现最终的业务逻辑。这些函数本身就描述了业务逻辑的执行步骤。后来者阅读代码时，不管他是要了解业务逻辑或者定位问题，都会非常的迅速准确。代码本身就解释了自身的作用，根本不需要注释。

函数式编程利刃(4)--状态

理解不深，不敢妄谈。类似于递归函数，如果状态不满足结束的条件就不断进行运算和条件筛选。

函数式编程利刃(5)--管道

这个很好理解，就是把上个函数的结果传给下一个函数处理，像管道一样一次传递，最终得出结果。

总结：用map和reduce替换循环。将代码分割为函数，语义化函数名。将操作转化为管道。

想要学习it技术进入互联网行业，来昆明达内IT培训机构，从业十年以上的讲师为您一一道来关于web 开发的所有知识。