JavaScript函数式编程解析（上）

前端

2024-01-17 20:08:08

纯函数与副作用

在函数式编程中，纯函数是指不产生任何副作用的函数。这意味着纯函数永远不会修改函数作用域之外的状态。例如，一个纯函数可以接收一个数字，然后返回数字的平方，而不会改变数字本身。

另一方面，副作用可以包含，但不限于：

更改文件系统
在资料库写入纪录
发送一个 http 请求
状态变化
打印到屏幕/ log
DOM 查询
存取系统环境变量

高阶函数

高阶函数是指可以接受函数作为参数，并可以返回函数的函数。例如，JavaScript中的Array.map()方法就是一个高阶函数。它接受一个函数作为参数，并将该函数应用到数组中的每个元素。

闭包

闭包是指可以访问其他函数作用域内的变量的函数。例如，以下代码中的innerFunction()函数就是一个闭包：

function outerFunction() {
  let x = 10;

  function innerFunction() {
    return x++;
  }

  return innerFunction;
}

const innerFunction = outerFunction();
console.log(innerFunction()); // 10
console.log(innerFunction()); // 11

柯里化

柯里化是指将一个多参数的函数转换为一个一系列单参数函数的过程。例如，以下代码将一个计算面积的函数柯里化为了一个计算周长的函数：

const area = (width, height) => width * height;

const perimeter = width => height => area(width, height);

const calculatePerimeter = perimeter(10)(5);
console.log(calculatePerimeter); // 30

函数组合

函数组合是指将一系列函数组合起来，形成一个新的函数。例如，以下代码将一个计算面积的函数与一个计算周长的函数组合起来，形成一个新的函数，该函数可以同时计算面积和周长：

const area = (width, height) => width * height;

const perimeter = width => height => area(width, height);

const calculateAreaAndPerimeter = (width, height) => {
  return {
    area: area(width, height),
    perimeter: perimeter(width)(height)
  };
};

const result = calculateAreaAndPerimeter(10, 5);
console.log(result); // { area: 50, perimeter: 30 }