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

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《如何在 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 中实现链式调用函数？》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！