函数柯里化与 compose

柯里化

柯里化把接收多个参数的函数转换为可以连续收集参数的函数。

function curry(fn) {
  function curried(...args) {
    if (args.length >= fn.length) {
      return fn.apply(this, args);
    }

    return function collect(...nextArgs) {
      return curried.apply(this, [...args, ...nextArgs]);
    };
  }

  return curried;
}

function sum(a, b, c) {
  return a + b + c;
}

const curriedSum = curry(sum);
curriedSum(1)(2)(3); // 6
curriedSum(1, 2)(3); // 6
curriedSum(1)(2, 3); // 6

实现依赖 fn.length，因此默认参数、剩余参数和可选参数需要额外约定。工程实现可以让调用者显式传入目标参数数量。

compose 与 pipe

compose 从右到左组合一元函数：

function compose(...functions) {
  return (input) => functions.reduceRight(
    (value, fn) => fn(value),
    input,
  );
}

const trim = (value) => value.trim();
const lower = (value) => value.toLowerCase();
const slug = (value) => value.replaceAll(' ', '-');

compose(slug, lower, trim)('  Hello World  '); // hello-world

从左到右执行的版本通常叫 pipe：

function pipe(...functions) {
  return (input) => functions.reduce(
    (value, fn) => fn(value),
    input,
  );
}

支持异步函数

function pipeAsync(...functions) {
  return (input) => functions.reduce(
    (promise, fn) => promise.then(fn),
    Promise.resolve(input),
  );
}

高频追问

柯里化与偏函数有什么区别？
如何保留调用时的 this？
为什么 fn.length 不完全可靠？
如何让 compose 的第一个函数接收多个参数？

ON THIS PAGE

#函数柯里化与 compose

#柯里化

#compose 与 pipe

#支持异步函数

#高频追问

函数柯里化与 compose

柯里化

compose 与 pipe

支持异步函数

高频追问