链式调用依赖每个方法显式返回 this 以保持调用主体不变；需避免箭头函数、解构调用、异步方法直链等导致 this 失效的陷阱，并区分配置方法（返 this）与终结方法（返结果）。
在 JavaScript 中，方法链式调用（Chaining）依赖于每个方法返回 this，从而让下一次调用能继续作用于同一个对象实例。关键在于：确保每个可链式调用的方法都显式返回 this，且 this 的指向必须是当前实例（而非被意外丢失）。
为什么返回 this 能实现链式调用
链式调用本质是连续执行多个方法，前一个方法的返回值作为后一个方法的调用主体。若方法返回 this（即当前对象），后续方法就能直接在该对象上调用：
- 对象方法默认不自动返回
this，必须手动写return this; - 只要每次调用都返回原对象（而非新对象、
undefined或其他值），链就不会中断 - 箭头函数不能用作链式方法，因为它不绑定自己的
this，会捕获外层作用域的this，容易出错
正确实现链式调用的写法
以构造器函数或 class 为例，所有希望参与链式调用的方法都应返回 this：
class Calculator {
constructor(value = 0) {
this.value = value;
}
add(n) {
this.value += n;
return this; // ✅ 关键：返回 this 才能继续链
}
multiply(n) {
this.value *= n;
return this;
}
subtract(n) {
this.value -= n;
return this;
}
}
// 使用
const result = new Calculator(5).add(3).multiply(2).subtract(4); // ((5 + 3) × 2) − 4 = 12
console.log(result.value); // 12
常见陷阱与规避方式
链式调用看似简单，但 this 容易因调用方式改变而失效：
立即学习“Java免费学习笔记（深入）”；
-
不要解构后调用：如
const { add } = calc; add(5);→this指向全局或undefined（严格模式），链断裂 -
避免异步方法直接链式调用：异步方法通常返回 Promise，需用
async/await或.then()衔接，不能直接靠return this -
谨慎使用 call/apply/bind：手动绑定可能覆盖原有
this，除非明确需要切换上下文 -
getter 类方法不应参与链：如
getValue()应返回数值，而不是this；若强行返回this会误导使用者
进阶：支持配置式链与终结方法
真实场景中常区分「配置方法」（返回 this）和「终结方法」（返回结果、不返回 this）：
- 配置方法：如
where()、orderBy()、limit()—— 全部返回this - 终结方法：如
get()、first()、count()—— 执行并返回最终结果（数组、数字等），不再支持链
这样既保持流畅性，又语义清晰。例如：
db.table('users')
.where({ active: true })
.orderBy('name')
.limit(10)
.get() // ✅ 终结，返回 Promise<User[]>
.then(users => console.log(users)); 
