对象方法调用时this隐式丢失的本质是函数脱离原始调用上下文；避免关键是提前锁定或替代this，可用箭头函数声明类方法、bind显式绑定、暂存this变量或传参绕过this依赖。
对象方法调用时的 this 隐式丢失，本质是函数脱离了原始调用上下文。只要函数不再以 obj.method() 形式执行，隐式绑定就失效——比如赋值给变量、传入回调、解构提取等。避免的关键不是“阻止丢失”，而是“提前锁定或替代 this”。
用箭头函数声明类方法（推荐）
箭头函数不绑定自己的 this，而是继承外层词法作用域的 this，在类中天然指向实例：
- 把方法写成类字段 + 箭头函数：
getTimeName = (i) => { return this.timeFrames[i]; } - 这样即使被解构或作为回调传出去，
this仍稳定指向类实例 - TypeScript 中尤其适用，编译后会自动绑定到构造函数中
调用前显式绑定 this
适用于已存在的普通函数，需要在使用前“固化”上下文：
-
setTimeout(obj.greet.bind(obj), 100)——bind返回新函数，this永久绑定到obj -
btn.addEventListener('click', obj.handleClick.bind(obj))—— 避免事件回调中this指向btn - 注意：不要写
bind(obj)()，那是立即执行，不是延迟调用
用变量暂存 this（兼容性最强）
在方法体内第一行保存引用，后续回调中使用该变量代替 this：
立即学习“Java免费学习笔记（深入）”；
-
const self = this;或更现代的const that = this; - 在定时器、事件监听、Promise 回调里统一用
self.xxx访问属性或方法 - 简单直接，无兼容问题，适合老项目或需支持 IE 的场景
传参方式绕过 this 依赖
如果只是想把实例数据带进回调，不一定非得靠 this：
-
setTimeout((inst) => console.log(inst.name), 100, this)——setTimeout支持额外参数，直接把this当数据传进去 - 对数组方法如
map、filter，可用第三个参数指定thisArg：arr.map(fn, this) - 减少对
this绑定机制的依赖，逻辑更清晰可控
