回调函数中this丢失的本质是调用时执行环境变化，解决关键是确保调用时this指向预期对象；可用箭头函数继承外层this、bind/call/apply显式绑定、暂存this引用或保持方法调用形式。
回调函数中 this 丢失，本质是函数调用时上下文（执行环境）发生了变化。解决的关键不是“绑定”，而是**确保函数被调用时，this 指向你期望的对象**。
用箭头函数自动继承外层 this
箭头函数没有自己的 this，它会沿作用域链向上查找，捕获定义时所在词法作用域的 this 值。这是最简洁、最常用的方式，尤其适合事件监听、定时器、Promise 回调等场景。
- 适用于类方法中定义的回调：类实例的
this能自然传递进去 - 注意：不能用在需要动态
this的场合（比如作为对象方法被直接调用） - 示例：
button.addEventListener('click', () => this.handleClick())
显式绑定 this：call / apply / bind
当你必须使用普通函数，又想控制它的 this，就用这三种方法。其中 bind 最常用，它返回一个新函数，永久绑定指定的 this 值。
-
bind(this)在注册回调前调用，比如：button.addEventListener('click', this.handleClick.bind(this)) -
call和apply是立即执行，适合在回调内部临时切换上下文 - 注意：多次
bind不会覆盖，只会保留第一次绑定的this
提前保存 this 引用（that / self）
在函数作用域顶部用变量暂存 this，然后在回调里用这个变量代替 this。这是 ES5 时代的经典写法，现在虽不推荐为主方案，但在某些兼容性或复杂嵌套场景仍有价值。
立即学习“Java免费学习笔记（深入）”；
- 常见写法：
const that = this;或const self = this; - 回调中直接使用
that.xxx或self.xxx，绕过this动态绑定问题 - 缺点：多了变量，语义不如箭头函数清晰，且容易命名冲突
把回调写成对象方法并正确传入
如果回调本就是某个对象的方法，确保它是以“方法调用”形式被触发，而不是被单独提取后调用。关键在于**不要让函数脱离对象引用**。
- 错误：
const cb = obj.method; cb();→this指向全局或undefined - 正确：
obj.method()或obj['method']()→this是obj - 在事件监听中可包装一层：
element.addEventListener('click', () => obj.method())
不复杂但容易忽略，核心就一条：搞清函数在哪定义、在哪调用、谁在调用。选对方式，this 就不会丢。
