链式调用需每个修改状态的方法返回 this，使后续方法可连续调用；获取值的方法应返回实际结果而非 this 以避免错误。
在 JavaScript 中实现链式调用，核心是让每个方法都返回 this（即当前实例），这样后续方法就能继续在同一个对象上调用。
为什么返回 this 能实现链式调用
链式调用依赖于“前一个方法的返回值”能作为“下一个方法的调用主体”。如果方法返回的是当前实例（this），那它就还是那个对象，可以继续点出其他方法。如果返回别的值（比如字符串、undefined 或新对象），链就断了。
基础写法：每个方法末尾写 return this
确保所有希望参与链式调用的方法都显式返回 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
注意返回值冲突：读取类方法别破坏链
有些方法本意是“获取值”，比如 getValue() 或 toString()。这类方法不该返回 this，否则会误导调用者继续链式操作，还可能引发错误。
立即学习“Java免费学习笔记（深入）”；
- ✅ 建议把“修改状态”的方法设计为可链式（返回
this） - ✅ 把“获取结果”的方法设计为终结方法（返回实际值，不返回
this） - ⚠️ 避免让
getValue()也返回this，否则.getValue().add(1)会报错
进阶技巧：用 Object.assign(this, ...) 批量更新并保持链
当需要一次设置多个属性且仍支持链式时，可结合 Object.assign 和 return this：
class User {
constructor() {
this.name = '';
this.age = 0;
this.city = '';
}
setName(name) {
this.name = name;
return this;
}
setAge(age) {
this.age = age;
return this;
}
update(data) {
Object.assign(this, data);
return this; // ✅ 仍返回 this，可继续链
}
}
const user = new User()
.setName('Alice')
.setAge(30)
.update({ city: 'Beijing', job: 'Engineer' });
