当我之一次听到 “纯函数 (Pure Function)” 这个术语的时刻我很疑惑。通例的函数做错了什么？为什么要变纯？ 为什么我需要纯的函数？

除非你已经知道什么是纯函数，否则你可能会问同样的疑惑。不外这个观点实在很简单。我们可以花个 5 分钟一起来看以下。

什么函数是纯的？

纯函数的界说是：

1. 若是函数的挪用参数相同，则永远返回相同的效果。它不依赖于程序执行时代函数外部任何状态或数据的转变，必须只依赖于其输入参数。

2. 该函数不会发生任何可考察的副作用，例如 *** 请求，输入和输出设备或数据突变（mutation）。

这就是纯的函数。 若是一个函数相符上述 2 个要求，它就是纯函数。 你可能在已往甚至无意地情形下编写过纯函数。

在我们研究一个函数一个纯或不纯之前，让我们先讨论一下恐怖的“副作用”。

什么是可考察的副作用？

一个可以被考察的副作用是在函数内部与其外部的随便交互。这可能是在函数内修改外部的变量，或者在函数里挪用另外一个函数等。

注: 若是纯函数挪用纯函数，则不发生副作用依旧是纯函数。

副作用来自，但不限于：

• 举行一个 HTTP 请求

• Mutating data

• 输出数据到屏幕或者控制台

• DOM 查询/操作

• Math.random()

• 获取的当前时间

副作用自己并不是毒药，某些时刻往往是必须的。 然则，对于要保持纯粹的函数，它不能包罗任何副作用。固然，并非所有函数都需要是纯函数。 我将在稍后讨论这个情形。

不外首先，让我们来看一些纯的和不纯的函数对比的例子......

纯函数的例子

以下是一个盘算产物税后价钱（英国税率是20%）的纯函数的例子：

function priceAfterTax(productPrice) { return (productPrice * 0.20) + productPrice;}

它相符我们所说的两条纯函数的界说。不依赖于任何外部输入，不改变任何外部数据、没有副作用。

纵然你用同样的输入运行运行这个函数 100,000,000 次它依旧发生同样的效果。

非纯函数

我们已经看了纯函数的例子，现在一起来看一个非纯函数（Impure function）的 JavaScript 例子:

var tax = 20;
function calculateTax(productPrice) {
    return (productPrice * (tax/100)) + productPrice;
}

暂停片晌，看看你是否能看出为什么这个函数不纯。

其中函数的盘算效果取决于外部 tax 变量，而纯函数不能依赖外部变量。它没有知足界说中的之一个要求，因此这个函数是不纯的。

为什么说纯函数在 JavaScript 很主要？

纯函数在函数式编程中被大量使用。而且诸如 React ***  和 Redux 等优质的库都需要使用纯函数。

不外，纯函数也可以用在平时的 JavaScript 开发中使用，纷歧定要限死在某个编程类型中。 你可以夹杂纯的和不纯的函数，这完全没问题。

并非所有函数都需要是纯的。 例如，操作 DOM 的按钮按下的事宜处置程序就不适合纯函数。 不外，这种事宜处置函数可以挪用其他纯函数来处置，以此削减项目中不纯函数的数目。

可测试性和重构

另一个使用纯函数的原因是测试以及重构。

使用纯函数的一个主要利益是它们可以直接测。 若是传入相同的参数，它们将始终发生相同的效果。

同时纯函数还使得维护和重构代码变得加倍容易。你可以放心地重构一个纯函数，不必费心没注意到的副作用搅散了整个应用而导致终调试地狱。（译注：若是项目中充斥着副作用，那么函数/模块之间的逻辑可能相互交织耦合，在后期新增逻辑时可能由于依赖庞大而难以重构，更常见的是开发为了应付需求而不停的引入新的副作用到原本的逻辑上从而导致代码变得越来越糟糕。）

正确地使用纯函数可以发生加倍高质量的代码。而且也是一种加倍清洁的编码方式。

此外，纯函数不不是 JavaScript 的专利。想要领会更多内容可以参见 Wiki。同时也推荐阅读 开发建议手册 以及 纯函数 vs. 非纯函数.

原文链接： medium.com 
翻译泉源：https://www.zcfy.cc/article/javascript-what-are-pure-functions-and-why-use-them