JS中的纯函数

引言

函数式编程中有一个非常重要的概念叫纯函数（pure function），javascript符合函数式编程的范式，所以也就有纯函数的概念。在React开发中，纯函数是被多次体积的，react就要求组件必须像是一个纯函数，redux中有一个reducer的概念，也要求必须是一个纯函数。

关于纯函数的理解

• 确定的输入一定会产生确定的输出
• 函数在执行过程中，不能产生副作用

副作用的理解

如果我们在执行一个函数时，除了返回函数值之外，还对调用函数产生了附加的影响。（比如修改了参数，修改了全局变量等），这就是造成了副作用。纯函数在执行的过程中就是不能产生这与的副作用，因为副作用往往是bug的温床，很不好。

通过两个数组的api来举例(splice与slice)

splice

首先来看splice,此处splice的作用是截取数组中( (3,5] )处的元素,并且返回一个新数组,而操作的过程中，用集合的思想来理解，原先数组的值变成了截取数组的补集。它破坏了原来数组的值，产生了副作用，这明显就不是一个纯函数。

let nums = [1,3,4,5,6];
nums.splice(3,5)
console.log(nums);  //打印1,3,4

slice

这个函数就不是一个纯函数了。

let nums = [1,3,4,5,6];
let newNums = nums.slice(3,5)
console.log(newNums);//[ 5, 6 ]
console.log(nums);  //[ 1, 3, 4, 5, 6 ]

纯函数的优势

• 你在写的时候保证了函数的纯度，只是单纯实现自己的业务逻辑即可，不需要关心传入的内容是如何获得的或 者依赖其他的外部变量是否已经发生了修改。
• 你在用的时候，你确定你的输入内容不会被任意篡改，并且自己确定的输入，一定会有确定的输出
• React中就要求我们无论是函数还是class声明一个组件，这个组件都必须像纯函数一样，保护它们的props不被修改.

转自本人掘金 https://juejin.cn/post/7105676047336603655/