即学即用系列一：纯函数

2024年4月15日 126次阅读 来源: 司想君

近来一直在思索怎样经由过程文章或许培训疾速提拔团队的编码才能，总结下来实在手艺的进修分为两类：一种是体系性的进修，比方进修一门言语，进修一个开辟框架，这更须要本身从入门到进阶再到实践一步步体系性的进修，单靠几篇文章或许频频培训，效果并不显著；另有一种是技巧性的进修，比方某些编程实践、设想准绳，实在并没有何等庞杂，然则不知道就不会用，知道了就会有意识去用，就比如玩微信游戏跳一跳，在某些方块上停止一段时间就会取得加分，不知道的时刻基础想不到，知道了今后想不必都难。因而就有了《即学即用》这个系列的文章。

系列第一篇，就从纯函数最先，由于我是前端方向，所以就从JavaScript言语中的纯函数提及。

什么是纯函数

纯函数是函数式编程中异常重要的一个观点，简朴来讲，就是
一个函数的返回效果只依靠于它的参数，并且在实行过程当中没有副作用，我们就把这个函数叫做纯函数。

下面我们来划重点：

  1. 函数的返回效果只依靠于它的参数
  2. 函数实行过程当中没有副作用

首先来诠释第一点：函数的返回效果只依靠于它的参数

const a = 1
const impure = (b)=>a + b
impure(2) // 3

上面代码中，impure函数不是一个纯函数，由于它的返回效果依靠外部变量a，由于a是有能够变化的，所以我们不能保证impure(2)的值永远是3。虽然impure函数的代码没有变化，传入的参数也没有变化，但它的返回值是不可预感的。我们再来改写一下：

const a = 1
const pure = (x, b) => x + b
pure(1,2) //3

如今，pure的返回效果只依靠于它的参数x和b，就是说，只需代码稳定，pure(1, 2)的返回值永远是3。

这就是纯函数的第一个前提：函数的返回效果只依靠于它的参数

接下来诠释第二点：函数实行中没有副作用

副作用是指：在盘算效果的过程当中，体系状况的一种变化，或许与外部天下举行的可视察的交互。我们再看一个例子：

var values = { a: 1 };

function impureFunction ( items ) {
  var b = 1;

  items.a = items.a * b + 2;

  return items.a;
}

var c = impureFunction( values );
values.a // 3

在上面的代码中，我们转变了参数对象中的一个属性。由于我们定义的函数转变的对象在我们的函数作用域之外，致使这个函数成为“不纯”的函数。

var values = { a: 1 };

function pureFunction ( a ) {
  var b = 1;

  a = a * b + 2;

  return a;
}

var c = pureFunction( values.a );
values.a // 1

上面的代码，我们只盘算了作用域内的局部变量，没有任何作用域外部的变量被转变，因而这个函数是“纯函数”。

除了修正外部的变量，一个函数在实行过程当中另有许多体式格局发生外部可视察的变化，比方说挪用 DOM API 修正页面，或许你发送了 Ajax 要求，另有挪用 window.reload革新浏览器，以至是 console.log 往控制台打印数据也是副作用。

纯函数很严厉，也就是说你险些除了盘算数据之外什么都不醒目，盘算的时刻还不能依靠除了函数参数之外的数据。

我们再来用JavaScript中经常运用的两个要领slice和splice来举一个例子：

var array1 = [0,1,2,3,4,5,6];
var array2 = [0,1,2,3,4,5,6];

var spliceArray = array1.splice(0,2);
var sliceArray = array2.slice(0,2);

console.log('array1: ' + array1);
console.log('spliceArray: ' + spliceArray);

console.log('array2: ' + array2);
console.log('sliceArray: ' + sliceArray);

运转效果：

array1: 2,3,4,5,6
spliceArray: 0,1
array2: 0,1,2,3,4,5,6
sliceArray: 0,1

能够看到，slice和splice的作用是大抵雷同的，然则splice转变了原数组，而slice却没有，现实开辟中，slice这类不转变原数组的体式格局更平安一些，转变原始数组，是一种副作用。

非纯函数带来的副作用

既然我们引荐纯函数，那末一定是由于非纯函数有缺点。我们看下面的代码：

function getName(obj){
    return obj.name;
}
function getAge(obj){
  return obj.age;
}
function sayHi(person){
  console.log('I am' + getName(person) + ',and I am' + getAge(person) + 'years old');
}

var Tom = {
  name: 'TOM',
  age: 26
};

sayHi(Tom);

我们说sayHi不熟纯函数，它依靠于getName、getAge两个函数，假如我不小心转变了个中某个函数的功用，这将使得sayHi这个函数涌现毛病。当网页变得庞杂，且由多人保护的时刻，bug调试会变得异常庞杂。

运用纯函数的长处

1. 可复用性

纯函数仅依靠于传入的参数，这意味着你能够随便将这个函数移植到别的代码中，只须要供应踏须要的参数即可。假如黑白纯函数，有能够你须要一根香蕉，却须要将全部香蕉树搬过去。

2. 可测试性

纯函数异常轻易举行单元测试，由于不须要斟酌上下文环境，只须要斟酌输入和输出。

3. 并行代码

纯函数是硬朗的，转变实行序次不会对体系形成影响，因而纯函数的操纵能够并行实行。

总结

虽然纯函数有许多长处，但也要防止滥用的状况。函数越纯，对环境依靠越小，每每意味着要传入更多的参数。我们的终究目标是：让你的代码尽量简朴易懂和天真。这篇文章重要引见了JavaScript中纯函数的观点，然则在许多其他开辟言语中，纯函数的观点是一样通用的，比方笔者正在自学的JAVA，迎接人人针对种种言语中对纯函数的明白和我一同议论。

    原文作者：司想君
    原文地址: https://segmentfault.com/a/1190000013374467
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞