JavaScript 函数链式调用技巧：无需 new 关键字
本文介绍一种优雅的 javascript 函数链式调用方法，无需使用 new 关键字即可实现流畅的链式操作。 传统的原型链方法需要 new 关键字创建实例，而本文的方法则更简洁直接。
直接在不使用 new 关键字的情况下，直接打印值进行链式调用并非易事。但我们可以巧妙地利用 JavaScript 的 Proxy 对象和 Symbol.toPrimitive 方法来实现类似效果。
核心思路是创建一个函数，返回一个 Proxy 对象。此 Proxy 对象拦截对对象的访问，尤其是在需要转换为原始值（例如在加法运算中）时，它会调用 Symbol.toPrimitive 方法。在这个方法中，我们返回对象的实际值，从而使对象能够参与运算。
以下代码演示了如何实现这种链式调用：
立即学习“Java免费学习笔记（深入）”；
function sum(...args) {
this.value = args.reduce((a, b) => a + b, 0);
return new Proxy(this, {
get(target, prop) {
if (prop === Symbol.toPrimitive) {
return () => target.value;
}
return target[prop];
}
});
}
sum.prototype.add = function(value) {
this.value += value;
return this;
};
sum 函数接收任意数量的参数并计算它们的和。它返回一个 Proxy 对象，该对象代理 sum 函数的实例。get 方法拦截对对象的属性访问，当访问 Symbol.toPrimitive 时，返回一个函数，该函数返回对象的 value 属性。这使得在进行加法运算时，sum 对象能够被正确地转换为数值参与计算。
使用方法如下：
// 访问值 sum(1, 2, 3).add(4).add(5).value; // 15 // 参与计算 sum(1, 2, 3).add(4).add(5) + 20; // 35
通过这种方法，我们实现了无需 new 关键字，并且能够直接参与运算的链式调用。需要注意的是，这并非直接打印值，而是通过重载运算符的行为来实现链式调用的效果。 这种方法提供了一种简洁且灵活的链式调用方式，避免了 new 关键字的使用，提高了代码的可读性和可维护性。
