JavaScript bind 将第二个参数设置为等于第一个参数，而它应该是未定义的？

Question

我最近试图了解 javascript 中的函数组合。我明白柯里化是什么以及它是如何工作的，但我看到这段代码却无法真正理解它。它是使用 .reduce(...) 的函数组合。这是代码：

const compose = (...fns) => fns.reduce((f, g) => (...args) => f(g(...args)));

const add5 = x => x + 5;
const add10 = x => x + 10;
const multiply = (x, y) => x * y;

const multiplyAndAdd5 = compose(
  add10,
  add5,
  multiply
);


console.log(multiplyAndAdd5(5, 2));

我不明白的是reduce函数，我试着把它分解成这样:

const compose = (...fns) => fns.reduce(
  (f, g) => (...args) => {
    console.log("f: ");
    console.log(f);
    console.log("g: ");
    console.log(g);
    for(let i = 0 ; i < 3 ; i++){
      console.log('');
    }
    return f(g(...args))
  },
);

在控制台中显示：

f: 
(...args) => {
    console.log("f: ");
    console.log(f);
    console.log("g: ");
    console.log(g);
    // console.log("args: ");
    // console.log(...args);
    // console.log(f(g(...args…
g: 
(x, y) => x * y

f: 
x => x + 10
g: 
x => x + 5
15 
25

我不明白的是 accumulator 实际上在该函数中以及在 reduce 函数的第一部分 f 是函数本身所以，在那种情况下 f(g(...args)) 是什么？

有谁知道函数组合在 javascript 中如何使用 .reduce() 工作？

Answer 1

reduce 可以被认为是在序列中的每对项目之间放置一个运算符。例如。使用 * 减少 [1, 2, 3] 会产生 1*2*3（通过执行 ((1)*2)*3)；以同样的方式，使用函数组合减少会减少 [f, g, h] 为 f∘g∘h （通过执行((f∘g)∘h)，也写成(...args) => f(g(h(...args))).

当你不给reduce初值时，它取数组的第一个元素；所以累加器以 f 开始。对元素 g 进行操作，它 returns 一个新函数 (...args) => f(g(...args)) （也称为 f∘g）。在你的例子中，初始累加器是add10，元素是add5，结果是一个函数(...args) => add10(add5(...args))；我们称它为 add10AfterAdd5.

下一次迭代，累加器为f∘g，元素为h。结果是一个新函数 (...args) => (f∘g)(h(...args))，等同于 (...args) => f(g(h(...args)))（也称为 f∘g∘h）。在你的例子中，累加器是add10AfterAdd5，元素是multiply；结果是(...args) => add10AfterAdd5(multiply(...args))，或(...args) => add10(add5(multiply(...args)))，或add10AfterAdd5AfterMultiply。

JavaScript bind 将第二个参数设置为等于第一个参数，而它应该是未定义的？

JavaScript bind sets the second argument equal to the first one when it should be undefined?

javascript

reduce

function-composition