JavaScript对象嵌套方法的this指向由调用方式决定，常见解决法包括：箭头函数继承外层this、bind/call/apply手动绑定、缓存this引用（that/self）、class箭头属性自动绑定实例this。
JavaScript 中对象嵌套方法的 this 指向问题，本质是函数调用方式决定 this，而非定义位置。当嵌套方法被单独提取或回调调用时，this 会丢失，指向全局对象（非严格模式）或 undefined（严格模式）。
用箭头函数保持外层 this
箭头函数不绑定自己的 this，而是继承外层作用域的 this 值。适合在对象方法内部定义嵌套逻辑时使用：
const obj = {
name: 'Alice',
init() {
// 箭头函数捕获 init 调用时的 this（即 obj）
const handler = () => {
console.log(this.name); // 'Alice'
};
setTimeout(handler, 100);
}
};
obj.init();
⚠️ 注意：箭头函数不能用于对象方法本身（如 method: () => { ... }），因为此时外层没有 this 绑定上下文（对象字面量不是函数作用域）。
手动绑定 this（bind / call / apply）
适用于需要复用嵌套函数、或传给事件/定时器等场景：
立即学习“Java免费学习笔记（深入）”；
- bind：返回新函数，永久绑定 this 和部分参数
- call/apply：立即执行，临时指定 this
const obj = {
name: 'Bob',
run() {
const step = function() {
console.log('Running as', this.name);
};
// 绑定 this 到 obj
setTimeout(step.bind(this), 200);
}
};
obj.run(); // 'Running as Bob'
提前缓存 this 引用（that / self）
兼容性最好，适合老项目或需支持 IE 的环境：
const obj = {
name: 'Charlie',
start() {
const that = this; // 缓存当前 this
setTimeout(function() {
console.log(that.name); // 'Charlie'
}, 300);
}
};
也可用 const self = this，语义更清晰；现代代码中优先推荐箭头函数或 bind。
用 class + 箭头属性语法（ES2022+）
类字段中的箭头函数自动绑定实例 this，适合组件类或复杂对象：
class Person {
constructor(name) {
this.name = name;
}
// 箭头属性，this 指向实例
greet = () => {
console.log('Hello, I am', this.name);
};
launch() {
// 可安全传出去
setTimeout(this.greet, 100);
}
}
const p = new Person('Diana');
p.launch(); // 'Hello, I am Diana'
注意：该语法需确保目标环境支持（或经 Babel 转译）。
