纯函数

纯函数:

• 如果一个函数符合以下条件,那么这个函数被称为纯函数

• 在相同的输入值时,必定得到相同的输出, 函数的输出和输入值以外的其他隐藏信息或状态无关,也和由 I/O 设备产生的外部输出无关
• 该函数不会产生任何副作用,诸如"触发事件",使输出设备输出,或更改输出值以外物件的内容等
• 不能调用Date.now(),或者 Math.random() 等不纯的函数

案例

• 下面是一个纯函数

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

• 下面不是一个纯函数, 因为 foo 是可以变的,相同的输入时,改变 foo 的值,输出是不同的,如果将 foo 用 const 定义,则是纯函数

let foo = 5;
function add(num){
  return num + foo;
}

纯函数的好处

• 可以安心的写安心的用
• 写的时候保证了函数的纯度,只是实现自己的业务逻辑即可,不需要关心传入的内容或者依赖其他的外部变量
• 用的时候,确定输入内容不会被任意篡改,并且确定的输入,一定会有确定的输出

• 在 React 中,所有 React 组件都必须像纯函数一样保护他们的 props 不被更改