17370845950

高阶函数指接收函数或返回函数的函数，如map、filter；函数组合理论上是(f∘g)(x)=f(g(x))，JavaScript中通过compose实现多函数链式调用，提升代码可读性与维护性。

函数式编程在 JavaScript 中越来越受欢迎，核心在于把计算当作数学函数的求值过程，避免改变状态和可变数据。其中高阶函数和函数组合是两个关键概念，它们让代码更简洁、可读性更强，也更容易测试和维护。

什么是高阶函数？

高阶函数是指满足以下任一条件的函数：

• 接收一个或多个函数作为参数
• 返回一个函数

JavaScript 中很多内置方法都是高阶函数，比如 map、filter、reduce。

例如，使用 map 对数组中的每个元素进行处理：

const numbers = [1, 2, 3, 4];
const doubled = numbers.map(x => x * 2);
// [2, 4, 6, 8]

这里 map 接收了一个函数作为参数，因此它是一个高阶函数。

另一个例子是创建一个返回函数的高阶函数，用于生成特定行为的处理器：

function makeAdder(n) {
  return function(x) {
    return x + n;
  };
}

const add5 = makeAdder(5);
add5(3); // 8

这种技术叫做闭包，常用于配置化函数的生成。

函数组合的基本思想

函数组合（Function Composition）是指将多个函数连接起来，前一个函数的输出作为下一个函数的输入。数学上表示为：(f ∘ g)(x) = f(g(x))。

在 JavaScript 中，我们可以手动实现组合：

function compose(f, g) {
  return function(x) {
    return f(g(x));
  };
}

举个实际例子：我们想把字符串转为大写并加上感叹号：

const toUpper = s => s.toUpperCase();
const exclaim = s => s + '!';
const transform = compose(exclaim, toUpper);

transform('hello'); // 'HELLO!'

注意组合顺序是从右到左执行的 —— 先转大写，再加感叹号。

实现通用的组合函数

我们可以写一个支持多个函数组合的版本：

function compose(...funcs) {
  if (funcs.length === 0) return arg => arg;
  if (funcs.length === 1) return funcs[0];

  return funcs.reduceRight((acc, fn) => {
    return (...args) => fn(acc(...args));
  });
}

这样就能链式调用多个函数：

const trim = s => s.trim();
const wrap = tag => s => `${tag}${s}`;

const formatText = compose(wrap('p'), toUpper, trim);
formatText(' hello world '); // '

HELLO WORLD

'

这种写法清晰表达了数据的转换流程，提升了代码的表达力。

实际应用中的好处

使用高阶函数和组合能让代码更模块化。比如处理用户输入时：

const validateEmail = str => str.includes('@');
const sanitize = str => str.trim().toLowerCase();
const processUserInput = compose(validateEmail, sanitize);

每个函数职责单一，便于单独测试。组合后的函数也更容易理解和修改。

基本上就这些。掌握高阶函数和组合，是走向更优雅 JavaScript 编程的重要一步。不复杂但容易忽略。