函数toString方法重定义的工作原理及无括号调用机制解析

我在解决一项代码挑战时遇到了链式函数的需求，查阅到的多数解决方案都采用重定义function.toString的方式，即覆盖函数的toString方法，如下方的链式加法sum函数代码所示：

function sum(n) {
  var v = function(x) {
    return sum(n + x);
  };

  v.toString = function() {
    return n;
  };

  return v;
}

请问此处的toString是如何替代函数调用方式的？它为何无需添加括号（toString()）即可生效？

原理拆解 #

1. toString是被自动触发的 #

在JS里，当函数需要被转换成字符串时，引擎会自动调用它的toString方法，而非默认输出函数的源码。常见的触发场景包括：

• 在控制台直接打印函数
• 把函数和字符串做拼接（比如sum(1) + ""）
• 使用alert()弹出函数
• 其他需要隐式类型转换的上下文

回到这个链式加法的例子：当你写sum(1)(2)(3)时，每次调用都会返回一个新的函数，但当最终需要展示这个结果时（比如控制台输出），引擎会把这个函数转为字符串，这时就自动调用了我们重写的toString方法，返回累计的数值6——这就相当于用toString的返回值代替了函数本身的展示效果，看起来像是直接得到了计算结果，不用额外加括号调用。

2. 无需手动加括号的原因 #

因为我们不是主动调用toString()，而是JS引擎在类型转换过程中自动触发这个方法。默认情况下，函数的toString会返回它的源码，但我们重写后，它返回的是累计的数值，所以当引擎需要把函数转为字符串时，直接拿到了我们想要的结果，完全不需要手动加括号触发调用。

举个实际测试的例子：

// 控制台直接执行，自动触发toString
console.log(sum(1)(2)(3)); // 输出 6

// 字符串拼接时也会触发
console.log("最终结果：" + sum(1)(2)(3)); // 输出 "最终结果：6"

如果没重写toString，上面的代码会输出函数的源码（比如function(x) { return sum(n + x); }），而不是我们需要的数值。

内容的提问来源于stack exchange，提问作者risky last