setTimeout回调中this默认指向全局对象，解决方法有四种：①用箭头函数继承外层this；②用bind显式绑定；③用变量（如self）暂存this；④改用参数传递上下文。
在 setTimeout 回调中，this 默认指向全局对象（浏览器中是 window，Node.js 中是 global），而不是你期望的调用对象。这是因为回调函数被当作普通函数调用，this 的绑定在执行时丢失。解决的核心思路是：**提前捕获或显式绑定正确的 this 值**。
使用箭头函数保留外层 this
箭头函数不绑定自己的 this，而是继承定义时所在词法作用域的 this，非常适合定时器场景：
- 确保箭头函数写在对象方法内部（即
this已正确指向实例） - 避免在构造函数或类字段中直接用箭头函数定义方法（可能造成意外闭包）
示例：
class Timer {constructor(name) {
this.name = name;
}
start() {
// 箭头函数自动捕获 this
setTimeout(() => {
console.log(`Hello from ${this.name}`); // 正确输出
}, 100);
}
}
显式绑定 this（bind / call / apply）
在传入回调前，用 bind 固定 this：
立即学习“Java免费学习笔记（深入）”；
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
-
bind(this)返回一个新函数，this被永久绑定 - 适合需要复用同一回调、或兼容老环境（IE）的场景
- 注意：每次调用
bind都生成新函数，避免在循环或渲染中频繁调用
示例：
const obj = {value: 42,
log() {
console.log(this.value);
}
};
setTimeout(obj.log.bind(obj), 100); // 输出 42
用变量暂存 this（传统但可靠）
在进入异步前用普通变量（如 self、that 或更语义化的名字）保存当前 this：
- 兼容性最好，所有 JS 环境都支持
- 命名建议用
self或更具可读性的名称（如timerInstance），避免模糊的that - 适用于回调逻辑较复杂、需多次访问
this属性的场景
示例：
const obj = {count: 0,
increment() {
const self = this; // 捕获当前 this
setTimeout(function() {
self.count++;
console.log(self.count);
}, 100);
}
};
传递上下文作为参数（适合函数式风格）
不依赖 this，改用参数传递所需数据：
- 更函数式、更易测试，避免
this绑定问题 -
setTimeout支持在延迟时间后传入额外参数，可直接把对象或关键属性传进去 - 适合状态简单、不需要访问整个实例的场景
示例：
function logName(name) {console.log(`Hello, ${name}`);
}
const user = { name: 'Alice' };
setTimeout(logName, 100, user.name); // 输出 "Hello, Alice"
