链式调用中正确维护 this 指向的核心是每个方法必须返回 this（或新实例），避免箭头函数定义方法，异步操作需用箭头函数或 bind 保持上下文，不可变链式则返回具备完整 API 的新实例。
在链式调用中正确维护 this 指向，核心是确保每个方法返回的对象仍能继续调用后续方法，且方法内部的 this 始终指向预期对象（通常是当前实例）。常见错误是方法返回了新对象、或被单独提取调用导致 this 丢失。
让每个方法都返回 this（最常用）
这是实现链式调用的基础。所有可链式调用的方法必须显式返回 this（即当前实例），而不是 undefined 或其他值。
✅ 正确示例：
class Calculator {
constructor(value = 0) {
this.value = value;
}
add(n) {
this.value += n;
return this; // 关键：返回 this，支持下一次调用
}
multiply(n) {
this.value *= n;
return this;
}
getValue() {
return this.value;
}
}
<p>const result = new Calculator(5).add(3).multiply(2).getValue(); // 16</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记（深入）</a></a>”；</p>避免箭头函数破坏 this 绑定
箭头函数不绑定自己的 this，而是继承外层作用域的 this。若在类中用箭头函数定义实例方法，会导致无法正确访问实例属性，且无法被链式调用（因箭头函数不能作为方法被正常调用）。
❌ 错误写法：
class BadChain {
constructor() { this.x = 1; }
// 箭头函数不是“方法”，this 不指向实例，且无法通过 obj.fn() 正常调用
badMethod = () => { this.x++; return this; }
}
✅ 应改用普通函数声明（方法定义）：
class GoodChain {
constructor() { this.x = 1; }
goodMethod() {
this.x++;
return this;
}
}
谨慎处理异步操作和回调中的 this
异步方法（如 setTimeout、Promise.then）内直接写回调函数时，this 容易丢失。需用以下方式保持上下文：
- 使用箭头函数（因其继承外层
this） - 用
bind(this) - 提前缓存
const self = this
✅ 推荐（箭头函数）：
class AsyncChain {
constructor(val = 0) { this.val = val; }
delayAdd(n, ms = 100) {
setTimeout(() => {
this.val += n;
return this; // 注意：setTimeout 本身不返回 this，但方法整体仍返回 this 支持链式
}, ms);
return this; // 立即返回 this，维持链式结构（注意：此时异步逻辑未完成）
}
// 更稳妥做法：返回 Promise，配合 async/await 链式
async delayAddAsync(n, ms = 100) {
await new Promise(r => setTimeout(r, ms));
this.val += n;
return this; // 仍返回 this，支持 .then(...) 或 await 后继续链式
}
}
需要返回新实例时，明确设计为“不可变链式”
有些场景（如 Immutable.js、Lodash/fp）希望每次操作返回新对象而非修改原对象。这时不能返回 this，而应返回新实例，并确保新实例也具备相同方法。
✅ 示例（不可变风格）：
class ImmutableList {
constructor(items = []) {
this.items = [...items];
}
push(item) {
return new ImmutableList([...this.items, item]); // 返回新实例
}
map(fn) {
return new ImmutableList(this.items.map(fn));
}
}
const newList = new ImmutableList([1,2])
.push(3)
.map(x => x * 2); // [2,4,6]
关键点：每个方法都返回一个具备完整 API 的新实例，而非 this。
