如何在 JavaScript 中实现链式调用函数？

在 javascript 中实现链式调用的函数

要在 javascript 中实现链式调用，需要利用原型继承和代理机制。

示例实现

function sum(...args) {
  this.value = args.reduce((a, b) => a + b, 0);
}

sum.prototype.add = function(value) {
  this.value += value;
  return this;
};

底层实现原理

此实现利用了 javascript 的代理机制，当创建 sum 实例时，会创建一个代理对象，重写了原始对象的 symbol.toprimitive 方法，以便在参与计算或打印时，返回实例的 value 属性。

使用示例

// 访问值
new Sum(1, 2, 3).add(4).add(5).value; // 15

// 参与计算
new Sum(1, 2, 3).add(4).add(5) + 20; // 35

以上就是如何在 JavaScript 中实现链式调用函数？的详细内容，更多请关注硕下网其它相关文章！