链式调用需每个方法显式返回this：因JS默认返回undefined，中断链；箭头函数无独立this，不可用于链式方法；返回新实例或异步操作均非真链式。
this 在实例方法中返回当前对象引用，是链式调用的基础设施——但不是所有写法都能真正支持链式，关键看方法是否显式返回 this。
为什么直接 return this 就能链式调用？
链式调用本质是「上一个方法调用后，返回值还能继续点调用」。JavaScript 中普通方法默认返回 undefined，一旦中间某步返回了非对象值（比如 undefined 或数字），链就断了。
所以必须让每个可链式的方法都以 return this 结尾：
class Calculator {
constructor(val = 0) {
this.value = val;
}
add(n) {
this.value += n;
return this; // ← 这一行决定能否链式
}
multiply(n) {
this.value *= n;
return this;
}
}
new Calculator(1).add(2).multiply(3).value; // 9
- 不写
return this，add(2)返回undefined，后续.multiply(3)会报TypeError: Cannot read property 'multiply' of undefined - 返回
this后，每次调用都返回同一个实例，状态可累积 - 注意：返回的是当前实例（不是新对象），所以修改的是同一份状态
箭头函数里拿不到正确的 this
箭头函数不绑定自己的 this，它沿用外层作用域的 this。如果在类中误用箭头函数定义实例方法，this 会指向错误上下文，return this 就失去意义。
错误写法：
class BadChain {
constructor() {
this.val = 1;
}
// ❌ 箭头函数作为方法，this 指向外层（通常是 global 或 module）
add = (n) => {
this.val += n;
return this; // 这里的 this 不是实例！
};
}
- 这种写法看似能链，但
this可能是undefined（严格模式）或全局对象，导致静默失败或意外行为 - 方法必须用传统函数声明：
add(n) { ... }，才能确保this绑定到调用它的实例 - Class fields + 箭头函数适合事件回调等需要稳定
this的场景，不适合链式方法
哪些情况会让链式“看起来有效”但实际出错？
常见误导包括：返回新实例、混用异步操作、或在 getter 中隐式触发副作用。
- 返回新实例（如
return new Calculator(this.value + n)）虽能链，但每次都是新对象，无法累积状态——这不是真链式，是“伪链式” - 异步方法（如
async save()）不能直接return this，因为返回的是Promise；要链式需统一返回 Promise 并用.then(() => this)，但语义已变 - getter 里写
return this（如get chain() { return this; }）看似能链，但调用者可能误以为它做了什么，其实只是透传，易引发维护困惑 - 某些库（如 Lodash 链式）靠
_.chain()显式开启，内部用封装对象拦截调用，和原生this返回有本质区别
真正可靠的链式，核心就一条：每个方法体末尾写 return this，且该方法是常规函数定义。其余花招，要么掩盖问题，要么引入隐式耦合——尤其当方法开始有分支逻辑（比如条件不执行 return this），链就不可预测了。
