JavaScript—纯函数

Posted 孤灯伴码农

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript—纯函数相关的知识,希望对你有一定的参考价值。

定义

一个函数的返回结果只依赖它的参数,而且在计算过程中不会产生其他副作用,也就是不会对外部的数据造成影响或改变。

理解:函数的返回结果只依赖它的参数

const a= 1;

const b= (c) => {  a + b }

b ( 2 );  //3

  b()并不是一个纯函数,因为它的返回结果依赖外部的变量a, 虽然函数b()自身没有变化,但如果a发生变化,返回结果就会变化

  计算过程中不会产生其他副作用

const a = 1
const func = (obj, b) => {
  return obj.x + b
}
const counter = { x: 1 }
func(counter, 2) // => 3
counter.x // => 1

 

往里面传一个对象进行计算,计算的过程里面并不会对传入的对象进行修改,计算前后的 counter 不会发生任何变化,计算前是 1,计算后也是 1,它现在是纯的。但是我再稍微修改一下它:

const a = 1
const func= (obj, b) => {
  obj.x = 2
  return obj.x + b
}
const counter = { x: 1 }
func(counter, 2) // => 4
counter.x // => 2
 

现在情况发生了变化,我在 func 内部加了一句 obj.x = 2,计算前 counter.x 是 1,但是计算以后 counter.x 是 2。func函数的执行对外部的 counter 产生了影响,它产生了副作用,因为它修改了外部传进来的对象,现在它是不纯的。

以上是关于JavaScript—纯函数的主要内容,如果未能解决你的问题,请参考以下文章

为啥纯虚析构函数需要实现

如何将此 JavaScript 代码片段翻译成 Parenscript?

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。

SQLite 片段函数实现不会在 TextView 中将文本格式化为 HTML

JavaScript使用纯函数避免bug