在 JavaScript 中，函数是一等公民，它们可以作为参数传递，也可以作为返回值。而纯函数则是一种特殊的函数，它不会对外部环境产生任何副作用，也不会改变传入的参数，它只是根据输入的参数返回一个新的值。
纯函数的定义
纯函数的定义有两个要点：
- 相同的输入参数总是返回相同的输出结果；
- 不产生任何副作用。
这两点意味着纯函数不会依赖外部的状态，也不会改变外部的状态。这使得纯函数具有以下优点：
- 可缓存性：由于相同的输入总是返回相同的输出，因此可以缓存结果，避免重复计算；
- 可测试性：由于纯函数不依赖外部状态，因此可以更容易地编写测试用例；
- 可组合性：由于纯函数不会改变外部状态，因此可以更容易地组合多个函数。
纯函数的示例
下面是一个非纯函数的示例：
let count = 0;
function increment() {
count++;
return count;
}
increment(); // 1
increment(); // 2
increment(); // 3这个函数依赖外部状态 count，每次调用都会改变 count 的值，因此它不是纯函数。
下面是一个纯函数的示例：
function add(a, b) {
return a + b;
}
add(1, 2); // 3
add(1, 2); // 3
add(1, 2); // 3这个函数不依赖任何外部状态，每次调用都返回相同的结果，因此它是纯函数。
纯函数的实现
下面是一个常见的实现纯函数的方法：使用不可变数据结构。不可变数据结构是指一旦创建就不能被改变的数据结构，每次修改都会返回一个新的数据结构。
例如，下面的代码使用不可变数据结构实现了一个纯函数：
function add(list, item) {
return [...list, item];
}
let list1 = [1, 2, 3];
let list2 = add(list1, 4);
console.log(list1); // [1, 2, 3]
console.log(list2); // [1, 2, 3, 4]这个函数接受一个数组 list 和一个元素 item，返回一个新的数组，它不会改变原数组 list。这使得它成为一个纯函数。
纯函数的注意事项
虽然纯函数有很多优点，但也有一些注意事项：
- 纯函数可能会导致性能问题，因为它们不会缓存结果，每次调用都需要重新计算；
- 纯函数不适合处理 IO 操作，因为 IO 操作本质上是改变外部状态；
- 纯函数不适合处理复杂的数据结构，因为每次修改都需要返回一个新的数据结构，这可能会导致内存占用问题。
总结
纯函数是一种特殊的函数，它不会对外部环境产生任何副作用，也不会改变传入的参数，它只是根据输入的参数返回一个新的值。纯函数具有可缓存性、可测试性和可组合性的优点，但也有一些注意事项。在实际开发中，我们需要根据具体情况来选择使用纯函数还是非纯函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/669091f0dc1ed1a61b5736d2