js纯函数简介

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

1.在react开发中纯函数是被多次提及的;
2.比如react中组件就被要求像是一个纯函数(为什么是像,因为还有class组件),redux中有一个reducer的概念,也是要求必须是一个纯函数;
3.掌握纯函数对于理解很多框架的设计是非常有帮助的;

纯函数的维基百科定义:

1.在程序设计中,若一个函数符合以下条件,那么这个函数就被称为纯函数;
2.此函数在相同的输入值时,需产生相同的输出.
3.函数的输出和输入值以外的其他隐藏信息或状态无关,也和由I/O设备产生的外部输出无关.(只与函数的输入值和内部的执行有关系,外部输出无关例如键盘输入函数中由键盘输入也不算)
4.该函数不能有语义上可观察的函数副作用,诸如“触发事件"，使输出设备输出，或更改输出值以外物件的内容等。(函数执行时不能在里面触发其他的事件)

这里
foo(123)输入是一样的
但是foo函数返回值依赖于外部变量
相同输入但输出不同
所以不是一个纯函数

var name="abc"
function foo(){
return name
}

foo(123)
name="why"
foo(123)

这里
foo()内部将外部变量name改掉了,他就不是一个纯函数了

var name="abc"
function foo(){
name="why"
}

总结:

1.确定的输入,一定会产生确定的输出;

只要给函数输入了确定的值,不管调用多少次,在哪里调用,什么时候调用,输出都是确定的

2.函数在执行过程中,不能产生副作用

副作用(side effect):在计算机科学中,副作用表示在执行一个函数时,除了返回函数值之外,还对调用函数产生了附加的影响,比如修改了全局变量,修改参数或者改变外部的存储(外部的存储例如改了localStorange.setItem()中的内容);