解决this丢失问题有四种方式：1.缓存this为self；2.用箭头函数继承外层this；3.bind显式绑定；4.call/apply调用时指定。各适用于不同场景，需按需选择。
在对象方法里保存外部 this，核心是解决“函数脱离调用上下文后 this 丢失”的问题。常见于定时器、事件监听、嵌套函数或方法被赋值给变量后调用的场景。
用 const self = this 缓存引用
这是最兼容、最直观的方式，适用于所有环境（包括老版本浏览器和严格模式）。
- 在方法体开头声明
const self = this，确保它位于回调可访问的作用域内 - 后续所有异步或嵌套函数中，统一使用
self访问原始对象属性和方法 - 避免在回调中重新赋值
self，否则会覆盖原始引用
示例：
const obj = { name: 'Alice', init() { const self = this; setTimeout(function() { console.log(self.name); }, 100); } };用箭头函数继承外层 this
箭头函数不绑定自己的 this，而是沿用定义时所在作用域的 this 值，适合现代项目。
立即学习“Java免费学习笔记（深入）”；
- 在对象方法内部直接使用箭头函数作为回调，无需额外变量
- 注意：对象字面量中不能直接用箭头函数定义方法（如
fn: () => {}），因为此时没有外层this可继承 - 类中推荐用类字段语法：
handleClick = () => { console.log(this); }
示例：
obj.init = function() { setTimeout(() => { console.log(this.name); }, 100); };用 bind 显式绑定 this
对已有方法调用 .bind(this)，生成一个永久绑定新 this 的函数副本。
- 适合需要复用某个方法、且希望它始终绑定当前实例的场景
- 注意每次
bind都返回新函数，避免在渲染函数等高频调用处反复使用 - 常用于事件监听或传入第三方 API：
element.addEventListener('click', this.handleClick.bind(this))
用 call / apply 在调用时指定 this
不提前绑定，而是在执行那一刻手动传入 this，适合一次性调用或参数动态变化的情况。
- 语法简洁，避免创建多余函数，也无缓存变量开销
- 例如：
someCallback.call(this, arg1, arg2) - 数组遍历中可替代
bind：[1,2,3].forEach(item => obj.process(item))
