JavaScript中对象方法的this绑定取决于调用方式而非定义方式；只有点语法（obj.method()）或方括号语法（obj['method']()）能正确绑定this，赋值后调用会丢失this；修复方案包括箭头函数、bind/call/apply及类字段箭头函数。
在 JavaScript 中，对象方法调用时 this 的绑定取决于**如何调用该方法**，而不是如何定义它。常见误区是把方法赋值给变量后直接调用，导致 this 指向丢失（变成 undefined 或全局对象）。关键在于：只有「点语法调用」（obj.method()）才能自动将 this 绑定到当前对象。
✅ 正确调用：使用点语法（.）或方括号语法（[]）
只要方法是从对象上“现场取出并立即调用”，this 就会正确指向该对象：
-
obj.sayName()→this是obj -
obj['sayName']()→ 同样有效，this仍是obj - 嵌套对象也适用：
user.profile.getInfo()→this指向user.profile
⚠️ 常见错误：方法被提取后单独调用
一旦把方法赋值给变量或传入函数，就脱离了原始对象上下文：
-
const fn = obj.sayName; fn();→this不再是obj（严格模式下为undefined） -
setTimeout(obj.sayName, 100);→ 同样丢失this -
button.addEventListener('click', obj.handleClick);→ 点击时this指向button，不是obj
? 修复方式：三种可靠方案
1. 使用箭头函数包装（推荐用于事件/回调）
箭头函数不绑定自己的 this，而是继承外层作用域的 this：
const obj = {
name: 'Alice',
sayName() { console.log(this.name); },
init() {
// ✅ 正确：箭头函数捕获 obj 的 this
button.addEventListener('click', () => this.sayName());
}
};
2. 显式绑定：bind / call / applybind 返回一个永久绑定 this 的新函数：
const boundFn = obj.sayName.bind(obj); boundFn();setTimeout(obj.sayName.bind(obj), 100);- 类中常用：
this.handleClick = this.handleClick.bind(this);（构造函数内）
3. 类字段 + 箭头函数（现代写法，适合 class）
在类中直接定义箭头函数属性，天然绑定实例：
class User {
constructor(name) {
this.name = name;
}
sayName() { console.log(this.name); }
// ✅ 自动绑定 this
handleClick = () => {
this.sayName(); // this 始终是实例
};
}
? 补充：箭头函数不能用作构造函数，也不支持 arguments
如果方法需要访问 arguments 或要被 new 调用，就不能用箭头函数。此时应选 bind 或在调用时用 call/apply 临时指定 this。
立即学习“Java免费学习笔记（深入）”；
