前端纯函数和非纯函数的区别
纯函数的特点:
结果完全取决于传入的参数
// 纯函数 返回结果只依赖于它的参数 x 和 b,fn(1, 2) 永远是 3。不管你外部发生了什么变化,fn(1, 2) 永远是 3。只要 fn代码不改变,你传入的参数是确定的,那么 fn(1, 2) 的值永远是确切可知的。
// 非纯函数 返回值与a相关,无法预料
const a = 1
const fn = (b) => a + b
fn(3) // 4
// 纯函数 返回结果只依赖于它的参数
const a = 1
const fn = (x, b) => x + b
fn (1, 2) // 3
函数执行过程中没有副作用
先了解下何为函数副作用?
- 函数副作用是指函数在正常工作任务之外对外部环境所施加的影响。
- 函数副作用是指函数被调用,完成了函数既定的计算任务,但同时因为访问了外部数据,尤其是因为对外部数据进行了写操作,从而一定程度地改变了系统环境。
- 函数的副作用也有可能是发生在函数运行期间,由于对外部数据的改变,导致了同步运行的外部函数受到影响。
// 纯函数,无副作用
const a = 1
const foo = (obj, b) => {
return obj.x + b
}
const counter = { x: 1 }
foo(counter, 2) // => 3
counter.x // => 1
// 非纯函数,产生了副作用,修改了外部变量counter的值
const a = 1
const foo = (obj, b) => {
obj.x = 2;
return obj.x + b
}
const counter = { x: 1 }
foo(counter, 2) // => 4
counter.x // => 2