原型方法内部this丢失的本质是方法脱离实例调用链导致隐式绑定失效，退化为默认绑定（严格模式下为undefined）；常见场景包括赋值调用、事件监听、数组方法传入及解构使用；推荐修复方式有类字段箭头函数、构造函数中bind、调用时箭头函数包裹、利用api的thisarg参数。
原型方法内部 this 丢失，本质是方法被“取出来”后脱离了实例调用链，导致隐式绑定失效，退化为默认绑定（严格模式下为 undefined）。这不是原型本身的问题，而是 JavaScript 调用规则决定的：只有 obj.method() 这种点调用形式才能触发 this 指向 obj；一旦变成变量引用或回调传入，就断开了联系。
常见触发场景
• 赋值给变量后调用：如 const fn = obj.protoMethod; fn();
• 作为事件监听器或定时器回调：如 btn.addEventListener('click', obj.handleClick);
• 传入数组方法：如 arr.map(obj.processItem);
• 解构提取后使用：如 const { protoMethod } = obj; protoMethod();
推荐修复方式
• 优先使用类字段箭头函数（ES2022+）：
在类中直接定义为属性而非方法，天然绑定实例：handleClick = () => { this.count++; }
解构或传参后仍可安全调用，无需额外处理。
• 构造函数中提前 bind：
在实例初始化时绑定，一劳永逸：this.handleClick = this.handleClick.bind(this);
适合高频使用的原型方法，避免每次渲染都新建函数。
• 调用时用箭头函数包裹：
简洁直观，语义清晰，适用于一次性或逻辑较轻的场景：btn.addEventListener('click', () => obj.handleClick());setTimeout(() => obj.update(), 100);
• 利用 API 的 thisArg 参数（部分原生方法支持）：
如 map、forEach、filter 等第二个参数可指定 this：arr.map(function(item) { return this.transform(item); }, obj);
不建议的做法
• 在每次调用处写 .bind(obj)：产生大量临时函数，影响性能和内存；
• 用 call/apply 替代调用：破坏调用自然性，代码冗长；
• 依赖非严格模式下的全局对象回退：行为不可靠，且现代环境基本启用严格模式。
