如何使用回调 function 实现无限柯里化总和值，结果为 javascript？

Question

我有一个测试，我需要在这种情况下实现一个称为 sum 的高阶 function ，它满足以下要求：

sum(result => {console.log("-> ", result)});// -> prints: -> 0
sum(1)(result => {console.log("-> ", result)});// -> prints: -> 1
sum(1)(2)(result => {console.log("-> ", result)});// -> prints: -> 3
sum(1)(2)(4)(result => {console.log("-> ", result)});// -> prints: -> 7

我做了一个 function 以通过递归获得无限柯里化，但我对回调函数有点迷失了。

let sum = a => !a ? 0 : b => b ? sum(a+b) : a
console.log(sum()) -> 0
console.log(sum(1)()) -> 1
console.log(sum(1)(2)()) -> 3
console.log(sum(1)(2)(4)()) -> 7

Answer 1

使用闭包来累积总和。 当检测到参数是 function 时，内部 function 将使用总和调用回调。 否则它将在调整总和后返回：

 function sum(arg) { let total = 0; function inner(arg) { if (typeof arg === "function") { arg(total); } else { total += arg; return inner; } } return inner(arg); } sum(result => {console.log("-> ", result)});// -> prints: -> 0 sum(1)(result => {console.log("-> ", result)});// -> prints: -> 1 sum(1)(2)(result => {console.log("-> ", result)});// -> prints: -> 3 sum(1)(2)(4)(result => {console.log("-> ", result)});// -> prints: -> 7

如果不打算让 function 维护 state，那么您可以使用this参数传递总数：

 "use strict"; function sum(arg) { function inner(arg) { if (typeof arg === "function") { arg(+this); } else { return inner.bind(this + arg); } } return inner.call(0, arg); } sum(result => {console.log("-> ", result)});// -> prints: -> 0 sum(1)(result => {console.log("-> ", result)});// -> prints: -> 1 sum(1)(2)(result => {console.log("-> ", result)});// -> prints: -> 3 sum(1)(2)(4)(result => {console.log("-> ", result)});// -> prints: -> 7 const foo = sum(0); foo(100)(console.log); // 100 foo(1)(console.log); // 1

这里建议使用严格模式，但它也可以在草率模式下工作。 在这种情况下， this参数将被装箱并再次拆箱。

Answer 2

为简单起见，您可以有一个辅助程序 function 接受两个 arguments。 第一个参数是一个数字。 第二个参数将是一个数字或 function 并且根据类型它会做不同的事情：

• 当它是 function 时，它将执行它并将第一个参数传递给它。
• 当它是一个数字时，它将两个 arguments 加在一起，并将其作为助手的第一个参数传递。 下一次，第一个参数将包含新的总数。

通过这种方式，您可以设置一个连续的柯里化执行链，当 function 作为参数传递时终止。

实际的sum() function 可以使用辅助函数并通过将第一个参数设置为0 （加法运算的中性元素）来初始化链的开始。

 const helper = total => arg => { if (typeof arg === "function") arg(total); else if (typeof arg === "number") return helper(total + arg); else throw new Error("invalid argument"); } const sum = x => helper(0)(x); sum(result => {console.log("-> ", result)});// -> prints: -> 0 sum(1)(result => {console.log("-> ", result)});// -> prints: -> 1 sum(1)(2)(result => {console.log("-> ", result)});// -> prints: -> 3 sum(1)(2)(4)(result => {console.log("-> ", result)});// -> prints: -> 7

为简单起见， helper() function 是咖喱的。

---

这是一个更简洁的版本：

• 假设只有数字或 function 将被传入。
• sum()的定义已减少。

 const helper = total => arg => (typeof arg === "function")? arg(total): helper(total + arg); const sum = helper(0); sum(result => {console.log("-> ", result)});// -> prints: -> 0 sum(1)(result => {console.log("-> ", result)});// -> prints: -> 1 sum(1)(2)(result => {console.log("-> ", result)});// -> prints: -> 3 sum(1)(2)(4)(result => {console.log("-> ", result)});// -> prints: -> 7