赋值后this改变是因为函数调用时才确定this值，脱离点号调用导致隐式绑定失效；修复首选bind显式绑定，其次箭头函数包装或call/apply临时指定。
当对象方法被赋值给独立变量后，this 不再指向原对象，而是根据调用方式决定——最常见的是变成 undefined（严格模式）或全局对象（非严格模式）。本质是函数失去了原本的调用上下文，隐式绑定失效。
为什么赋值后 this 会变？
JavaScript 中，this 的值只在函数**被调用时**确定，和函数定义位置无关。对象方法的 this 绑定依赖于“点号调用”（如 obj.fn()）这种隐式绑定规则。一旦写成：
Java Maven Common
下载
Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。
const fn = obj.method;
fn(); // 此时不是 obj.method()，而是独立调用
就脱离了对象上下文，this 不再自动绑定到 obj。
快速识别是否发生了隐式绑定丢失
- 检查调用形式：是不是用了
fn()而不是obj.fn()或obj['fn']() - 在方法内部加
console.log(this)，看输出是否符合预期（比如本该是对象却打印出undefined或window） - 留意箭头函数：它不绑定
this，会沿作用域链向上找，可能掩盖问题但并非修复
常用修复方式（按推荐顺序）
-
显式绑定：用
.call()、.apply()或.bind()固定this
const boundFn = obj.method.bind(obj);
boundFn(); // this 稳定指向 obj -
包装为箭头函数（适合事件回调等场景）：
const fn = () => obj.method();
fn(); // 内部 this 仍由 obj.method 自身决定 -
改用 call/apply 直接调用：
fn.call(obj); // 临时指定 this -
在对象内用箭头函数定义方法（注意：这会让方法无法被继承，且
this指向定义时的外层作用域）：
const obj = {
value: 42,
method: () => console.log(this.value) // ❌ this 不指向 obj
更稳妥的是：
const obj = {
value: 42,
method() { console.log(this.value); } // ✅ 普通方法
};
const fn = obj.method.bind(obj); // 显式绑定保底
调试小技巧
- 在方法开头加
if (this === undefined) throw new Error('this lost!');快速暴露问题 - 使用 Chrome DevTools 的 “debugger” 或断点，查看调用栈中函数是如何被触发的
- 对不确定的回调函数，统一用
bind或包装函数兜底，避免散落多处修复
