JS中的纯函数

89 阅读2分钟

引言

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