在 Javascript 中用多个括号关闭

Question

任何人都可以解释这个函数如何在传递更多参数时发出警报。看不懂。

function sum(a) {

  var sum = a

  function f(b) {
    sum += b
    return f
  }

  f.toString = function() { return sum }

  return f
}

alert( sum(1)(2) )  // 3
alert( sum(5)(-1)(2) )  // 6
alert( sum(6)(-1)(-2)(-3) )  // 0
alert( sum(0)(1)(2)(3)(4)(5) )  // 15

Answer 1

alert 需要一个字符串。如果它没有得到一个字符串，它将尝试将它接收到的任何对象（并且函数是一种对象）转换为一个对象。如果对象具有toString 方法，则将调用该方法来执行所述转换。

Answer 2

要看的是这段代码

function f(b) {
    sum += b
    return f
  }

此函数返回对自身的引用，因此可以尽可能多次地调用它。关于它的重要一点是它有一个 tostring 函数，因为 tostring 是在函数 sum() 内部定义的，所以它可以访问变量 sum 及其值当前值（由 f() 更改）

Answer 3

sum 和 f 函数总是返回 f 函数，您可以无限次调用它而不会得到函数以外的结果。

该值仅由f 的覆盖toString 方法返回（实际上返回一个数字）：

console.log( sum(1)(2) ) // Function(){}
console.log( sum(1)(2).toString() ) // 3

alert 函数在将其参数转换为字符串时隐式调用 toString 方法。

Answer 4

第一次调用您的函数时，第一个值存储在sum 中。之后function f(b) 将被返回，在sum 中保持临时结果。每次连续调用时，您都会执行函数 f - 您执行 sum += b 并再次返回 f。如果需要字符串上下文（例如在alert 或console.log 中），则改为调用f.toString，返回结果（sum）。

function sum(a) {

  var sum = a

  function f(b) {
    sum += b
    return f  //<- from second call, f is returned each time
              //   so you can chain those calls indefinitely
              //   function sum basically got "overridden" by f
  }

  f.toString = function() { return sum }

  return f //<- after first call, f is returned
}

解释：

alert( sum(6)(-1)(-2)(-3) )  // 0
           /\ function sum called, f returned
              /\ the returned function f is called, f returns itself
                  /\ again
                     /\ and again
                         /\ at last, alert() requires string context,
                            so f.toString is getting invoked now instead of f

Answer 5

在所有情况下它都不能按预期工作......问题是.toString 应该返回一个字符串，所以提供的实现中的字符串方法不起作用，例如。 G。 sum(2)(3).split() 会报错。

虽然我们可能假设sum() 的结果总是被期望为一个数字，但在某些情况下它可能不是真的并且可能难以调试，例如。 G。我在测试最初仅在 jsbin.com 上使用 .toString 编写的代码时注意到了这个问题（它在内部对 console.log 参数执行 split，覆盖它）。

相反，.toString 应该看起来像 return String(result);。 .toString（当没有 .valueOf 或现代 Symbol.toPrimitive 时）将处理基元转换，因此期望数字的代码也可以工作。这里可能的问题可能是由此引起的“双重”转换。

如果您只针对现代浏览器，更好的解决方案可能是使用一对.toString 和.valueOf，或者只使用一个Symbol.toPrimitive。

使用Symbol.toPrimitive的示例：

function sum(a) {
  let result = a;

  function f(b) {
    result += b;

    return f;
  }

  f[Symbol.toPrimitive] = hint => hint === 'string' ? String(result) : result;

  return f;
}

使用.toString 和.valueOf 对的示例。

function sum(a) {
  var result = a;

  function f(b) {
    result += b;

    return f;
  }

  // avoiding double conversion which will happen in case of .toString
  f.valueOf = function() { return result; };
  f.toString = function() { return String(result); };

  return f;
}