JS 函数式编程

纯函数

函数式编程中有一个非常重要的概念叫纯函数，JavaScript符合函数式编程的规范，所以也有纯函数的概念

• 在react开发中纯函数是被多次提及
• 比如react中组件就被要求像是一个纯函数，redux中有一个reducer的概念，也是要求必须是一个纯函数
• 所以掌握纯函数对于理解很多框架的设计是非常有帮助的

在程序设计中，若一个函数符合以下条件，那么这个函数被称为纯函数： (维基百科)

• 此函数在相同的输入时，需产生相同的输出
• 函数的输出和输入值之外的其他隐藏信息或状态无关，也和由I/O设备产生的外部输出无关
• 该函数不能由语义上可观察的函数副作用，诸如“触发事件”，“是输出设备输出，或更改输出值意外物件的内容等”

副作用——在执行一个函数时，除了返回函数值以外，还对调用函数产生附加的影响，比如修改全局变量，修改参数或改变外部存储

【举例】：

function foo (num1,num2) {return num1 + num2;
}

优势

1. 因为你可以安心的编写和使用
2. 写的时候保证函数的纯度，只是单纯实现自己业务逻辑即可，不需要关心传入的内容是如何获得的或者依赖其他的外部变量是否发生修改
3. 用的时候，输入的内容不会被任意篡改，并且自己确定的输入，一定有确定的输出

柯里化

把接收多个参数的函数，变成接收一个单一参数（最初函数的第一个参数）的函数，并且返回接收余下的参数，而且返回结果的新函数的技术

总结：只传递函数一部分参数来调用它，让它返回一个函数去处理剩余的参数

function bar (m) {return function(n) {return function(x) {return function(y) {m+n+x+y}}}
}bar(1)(2)(3)(4)

简化：

var sum = x => y => z => x + y + z

为什么需要有柯里化

• 在函数式编程中，我们其实往往希望一个函数处理的问题尽可能的单一，而不是讲一大堆的处理过程交给一个函数来处理
• 那么我们是否可以将每次传入的参数再单一的函数中进行处理，处理完后再下一个函数中再使用处理后的结果

var log = date => type => message => {console.log(`[${date.getHours()}:${date.getMinutes}][${type}] : [${message}]`)
}var errorLog = log(new Date())()

将普通函数转化为柯里化的函数：

function hyCurrying(fn) {function curried(...args) {// 判断函数所需参数的长度与实际参数接收的参数是否一致// fn.length函数所需的参数长度if (fn.length <= args.length) {// 直接调用函数return fn.apply(this, args);} else {// 没有达到个数时，需要递归接收参数return function (...args2) {return curried.apply(this, args.concat(args2));};}}return curried;
}function add(a, b, c, d) {return a + b + c + d;
}const hyAdd = hyCurrying(add);console.log(hyAdd(1, 2, 3, 4)); // 10
console.log(hyAdd(1, 2)(3, 4)); // 10
console.log(hyAdd(1, 2, 3)(4)); // 10

组合函数

• 比如我们现在需要对某一个数据进行函数的调用，执行两个函数fn1和fn2，这两个函数是依次执行的
• 那么如果每次我们都需要进行两个函数的调用，操作上就会显得重复
• 那么是否可以将炸两个函数组合起来，自动依次调用呢?
• 那么过程就是对函数得组合，我们称之为组合函数

var double = function(num) {return num * 2
}var square = function(num) {return num ** 2
}// 组合函数，先调用m函数再调用n函数  
function composeFn(m,n) {return function(count) {return n(m(count))}
}var newFn = composeFn(double,square)
console.log(newFn(10))

创建组合函数：

function hyCompose(fns) {var length = fns.length;for (var i = 0; i < length; i++) {if (typeof fns[i] !== "function") {throw new TypeError("Excepted arguments are functions");}}function compose(...args) {var index = 0;var result = length ? fns[index].apply(this, args) : args;while (++index < length) {result = fns[index].call(this, result);}return result;}return compose;
}