实现链式调用的关键是每个方法显式返回 this；否则默认返回 undefined 会中断链式；setter 类方法也需返回 this；异步方法需特殊处理，箭头函数不可用作类方法。
在 JavaScript 的 class 语法中，实现链式调用的关键是：**每个方法最后返回 this（即当前实例）**。这样后续方法就能继续在同一个对象上调用。
确保每个方法都显式返回 this
默认情况下，类方法不自动返回任何值（即返回 undefined），一旦某个方法没写 return this，链式就会中断。
✅ 正确写法：
class Calculator {
constructor(value = 0) {
this.value = value;
}
add(num) {
this.value += num;
return this; // ? 关键：返回当前实例
}
multiply(num) {
this.value *= num;
return this; // ? 同样返回 this
}
getValue() {
return this.value;
}
}
const result = new Calculator(5).add(3).multiply(2).getValue(); // 16
注意 setter 类方法也需返回 this
如果封装的是“设置型”方法（比如配置、赋值），只要不新建实例，就仍应返回 this 以维持链式。
立即学习“Java免费学习笔记（深入）”；
- 避免在方法中返回新对象（除非你刻意设计为不可变风格）
- 不要在中间方法里写
return后跟其他值（如return true），会断掉链 - 若某方法需要返回原始值（如
getValue），它就不适合继续链式，应放在末尾
可选：用 getter 实现无括号的链式访问（谨慎使用）
某些场景下可用 getter 返回 this，实现类似 .log().save() 的风格，但要确保语义清晰，避免滥用：
class Logger {
constructor(msg = '') {
this.msg = msg;
}
info(text) {
this.msg += `[INFO] ${text} `;
return this;
}
get done() { // 注意：done 是 getter，调用时不加 ()
console.log(this.msg);
return this;
}
}
new Logger().info('start').info('loading').done; // 输出日志，仍返回实例（可继续调）
⚠️ 提示：这种写法容易让调用者困惑，建议优先用明确的方法名（如 .log()）代替 getter 链式。
常见踩坑点
-
异步方法不能直接链式返回 this：Promise.then() 返回的是新 Promise，不是原实例。如需链式，得让每个异步方法返回
this并配合 await 或设计成 Promise-aware 链式（较复杂，通常建议分开调用） -
箭头函数在 class 中不能用作方法：它没有自己的
this，会导致上下文丢失；方法必须用普通函数声明 -
构造函数里不要 return 对象：否则会覆盖
this，导致实例不完整或链式失效
