类方法作为回调时this指向丢失，因脱离实例上下文；应使用箭头函数包装、构造函数中bind或类字段箭头语法解决，避免解构后直接调用。
类方法作为回调使用时，this 指向丢失，不是写错了语法，而是函数被“拿走再调用”后脱离了原始实例上下文。谁调用它，this 就指向谁；一旦不再是 obj.method() 这种调用形式，this 就不再自动绑定到实例。
事件监听等回调场景
DOM 事件、setTimeout、Promise.then、Array.map 等接收函数参数的 API，都会把方法当作普通函数执行，导致 this 指向触发元素或 undefined（严格模式）。
- 用箭头函数包装：传入
() => this.handleClick()，利用其不绑定自身 this 的特性，自然继承类实例的上下文 - 在构造函数中提前绑定：
this.handleClick = this.handleClick.bind(this)，适合高频复用的方法，一劳永逸 - 改用类字段语法定义方法：
handleClick = () => { this.count++ }，ES2022+ 支持，天然绑定实例，解构后仍可用
方法被赋值或解构后调用
一旦写成 const handler = obj.handleClick 或 const { handleClick } = obj，方法就和实例断开连接，后续调用 handler() 时 this 不再是 obj。
- 避免直接解构方法，优先保持对象调用形式：
obj.handleClick() - 若必须解构，搭配
bind：const { handleClick } = obj; const bound = handleClick.bind(obj); bound() - 用闭包包裹调用：
const handler = () => obj.handleClick()，语义清晰且无需额外绑定
异步操作中的常见疏漏
async/await 内部直接调用 this.method() 是安全的，但一旦把方法单独传给 setTimeout 或 .then，就立刻失去上下文。
- 不要写：
setTimeout(this.updateUI, 100)或promise.then(this.render) - 应改为：
setTimeout(() => this.updateUI(), 100)或promise.then(() => this.render()) - 部分数组方法支持
thisArg参数，如arr.forEach(callback, this)，可直接指定上下文
三种方式没有绝对优劣，按场景选：一次性回调用箭头函数最轻量；需多次传递的方法，在构造函数中 bind 更稳定；新项目推荐类字段箭头语法，简洁且不易出错。
