引言
函数式编程中有一个非常重要的概念叫纯函数(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不被修 改: