链式调用必须返回 this，因为每次调用需将当前实例交还给下一次调用；若返回 undefined、null、新对象或原始值，点号操作会报错；所有方法须显式 return this，避免箭头函数导致 this 绑定错误。
为什么链式调用必须返回 this
链式调用能成立的前提，是每个方法执行完后把当前实例对象本身交还给下一次调用。如果某个方法返回 undefined、null、新对象或原始值，链就会断掉——因为后续点号（.）操作会报 Cannot read property 'xxx' of undefined。
典型错误场景：在类方法里写了 return this.name = value（赋值表达式返回的是字符串），或者忘了写 return this；又或者用了 async 方法却没处理好 Promise 链。
- 所有参与链式调用的方法都必须显式
return this - 不能依赖隐式返回（比如箭头函数体只有一行赋值，不加
return就返回undefined） - 若方法内部有异步逻辑，需返回
Promise并确保后续仍可链式调用（常见做法是返回Promise.resolve(this)或统一用async+await+return this）
this 在普通函数和箭头函数中表现不同
在类的原型方法中，this 指向调用该方法的实例，这是链式调用的基础。但如果误用箭头函数定义方法，this 会继承外层作用域，不再是当前实例。
例如：class Chain { constructor() { this.val = 1; } get = () => { this.val++; return this; } } 看似没问题，但一旦把实例赋给变量再调用，this 就可能丢失（尤其在事件回调或解构后调用时）。
- 类方法请用传统函数写法：
get() { this.val++; return this; } - 避免用箭头函数定义实例方法（除非你明确需要绑定外层
this） - 如果真要用箭头函数，必须在构造函数里手动绑定：
this.get = this.get.bind(this)
链式调用和不可变性之间的冲突
返回 this 意味着你在修改原对象状态，这和函数式编程提倡的“不可变”理念相悖。很多用户以为链式调用天然支持不可变风格，其实不然——除非你主动 clone 对象并返回新实例。
比如 Lodash 的 lodash/fp 版本就刻意让方法返回新对象，因此无法直接链式调用原生方法；而 lodash 主版本因返回 this（或自身包装器）才支持链式。
- 返回
this= 可变操作，副作用可见 - 返回新对象 = 不可变，但需额外内存和克隆成本
- 混用两者极易出错：比如
obj.setA(1).setB(2).toJSON()中，若toJSON返回 plain object 而非this，链就终止了
调试时怎么确认 this 是否如预期返回
最直接的方式是在关键方法末尾加一句 console.log(this === obj)，其中 obj 是你最初创建的实例。更稳妥的做法是统一加一个 end() 方法作为链终点，强制返回原始对象或执行最终动作。
另一个高频陷阱是：在链式中间调用了第三方库方法（比如 Array.prototype.map），它默认返回新数组，不会自动延续你的链。这时候要么自己封装一层，要么用 then / tap 类辅助方法桥接。
- 不要依赖控制台打印
this的结构来判断是否正确——对象引用可能被美化掩盖 - 用
Object.is(obj, obj.method())做严格相等校验比看日志更可靠 - TypeScript 用户要注意：即使类型系统显示返回
this，运行时仍可能因绑定错误导致实际返回别的东西
链式调用不是语法糖，它是对 this 绑定、返回时机、方法定义方式三者协同的精确控制。最容易被忽略的，其实是箭头函数悄无声息地劫持了 this，以及异步方法里忘记把 this 包进 Promise 链。
