函数式编程在 JavaScript 中的应用

函数式编程（Functional Programming）是一种编程范式，强调使用纯函数来进行编程，避免共享状态和可变数据。在JavaScript中，函数式编程可以通过以下方式应用：

1. 纯函数：纯函数是指没有副作用且输出完全由输入决定的函数。它们不修改传入的参数，也不依赖于外部状态。纯函数易于测试、并发执行以及推理。

// 纯函数示例
function add(a, b) {
  return a + b;
}

console.log(add(2, 3)); // 5

2. 不可变数据：在函数式编程中，数据是不可变的，即不能被修改。当需要修改数据时，应创建新的数据副本。

// 不可变数据示例
const numbers = [1, 2, 3];

// 添加元素
const newNumbers = [...numbers, 4];

// 修改元素
const updatedNumbers = numbers.map(num => (num === 2 ? 20 : num));

// 删除元素
const filteredNumbers = numbers.filter(num => num !== 2);

3. 高阶函数：函数可以作为参数传递给其他函数，或者作为返回值返回。这种函数的灵活性使得可以将函数组合在一起以解决复杂的问题。

// 高阶函数示例
function multiplyBy(factor) {
  return function (number) {
    return number * factor;
  };
}

const double = multiplyBy(2);
console.log(double(5)); // 10

const triple = multiplyBy(3);
console.log(triple(5)); // 15

4. 函数组合：通过将多个函数组合在一起，可以创建一个新的函数。这种组合使得代码更具可读性和可维护性。

// 函数组合示例
const add = (a, b) => a + b;
const multiplyBy = (factor) => (number) => number * factor;

const multiplyAndAdd = (a, b, factor) => add(multiplyBy(factor)(a), b);

console.log(multiplyAndAdd(2, 3, 4)); // 11

5. 声明式编程：函数式编程强调以声明式的方式编写代码，而不是指令式的步骤。声明式代码更加清晰、简洁，并且更易于阅读和理解。

// 声明式编程示例
const numbers = [1, 2, 3, 4, 5];

const sumOfSquares = numbers
  .filter(num => num % 2 === 0)
  .map(num => num ** 2)
  .reduce((acc, num) => acc + num, 0);

console.log(sumOfSquares); // 20

函数式编程在JavaScript中的应用可以提高代码的可维护性、可测试性和可扩展性，并且可以更好地处理并发和异步操作。它强调函数的纯度、不可变性和组合性，使得代码更加健壮和可靠。