能否实现与JavaScript内置函数行为一致的方法链式调用？

首先可以明确：这种链式调用完全可以实现，两者的核心差异是返回值的设计逻辑不同。

两类链式调用的本质区别 #

• 你提到的返回this的链式调用属于有状态可变链式：所有方法会修改当前实例的内部状态（比如示例里的result属性），返回当前实例本身，存在副作用，必须在调用链末尾显式读取属性才能拿到最终结果。
• JS内置的字符串、数组等类型的链式调用属于无状态不可变链式：方法不会修改原实例，每次执行完都返回一个新的同类型实例，无副作用，返回的实例本身就承载了运算结果，无需额外追加属性取值。

自定义实现代码示例 #

我们可以基于不可变逻辑实现自定义的运算工具，表现和内置类型完全一致：

class Compute {
  constructor(initValue = 0) {
    // 内部存储当前值
    this.value = initValue;
  }

  add(a, b = 0) {
    // 运算后返回全新的Compute实例，不修改当前实例
    return new Compute(this.value + a + b);
  }

  multiply(num) {
    return new Compute(this.value * num);
  }

  // 重写类型转换方法，实例可直接被当作数值使用
  valueOf() {
    return this.value;
  }

  toString() {
    return String(this.value);
  }
}

// 使用示例
const calc = new Compute();
const res = calc.add(10, 20).multiply(10);

console.log(Number(res)); // 300
console.log(res * 2); // 600
console.log(Number(calc)); // 0，原实例完全没有被修改

如果要和字符串的表现完全对齐，你也可以把方法设计为直接返回原始值，只要返回的原始值类型支持后续要调用的方法即可，比如你想让自定义方法返回字符串，就可以直接返回字符串原始值，后续可以继续调用toUpperCase()、trim()等字符串方法。

核心实现要点 #

• 所有方法遵循不可变原则，不修改原实例，执行后返回新的同类型实例或支持后续链式调用的目标类型值。
• 自定义类通过重写类型转换方法，实现实例到原始值的自动转换，无需额外调用属性即可获取结果。

内容的提问来源于stack exchange，提问作者Personal Information