javascript定时器中this默认指向全局对象，解决方法有：①用箭头函数继承外层this；②用bind/call/apply显式绑定；③缓存this为self/that；④es2022+用私有字段+箭头方法。

在 JavaScript 定时器（如 setTimeout 或 setInterval）中，回调函数默认以普通函数方式执行，this 会隐式绑定到全局对象（浏览器中是 window，Node.js 中是 global），而不是定义时所在的对象。要避免这个问题，关键在于**确保回调中的 this 指向预期的对象实例**。

使用箭头函数保持词法作用域的 this

箭头函数不绑定自己的 this，而是继承外层作用域的 this 值。只要外层（比如类方法或对象方法内）的 this 是正确的，箭头函数就能自然保留它。

示例：

class Counter {
  constructor() {
    this.count = 0;
  }
  start() {
    // 箭头函数捕获当前 this（即实例）
    setTimeout(() => {
      console.log(this.count++); // 正确访问实例属性
    }, 1000);
  }
}

显式绑定 this：bind、call 或 apply

把方法包装成绑定好 this 的新函数再传入定时器。最常用的是 .bind()。

Java Maven Common

Java Maven 项目审查工作流的通用输入处理。当 Java Maven 项目以 ZIP压缩包或 GitLab 仓库 URL 形式提供且需要...时使用。

下载

• setTimeout(obj.method.bind(obj), delay) —— 创建永久绑定的新函数
• 也可在回调中用 call 或 apply（适合只调用一次且需传参）

示例：

const obj = {
  name: 'test',
  say() { console.log(this.name); }
};
// 正确绑定
setTimeout(obj.say.bind(obj), 1000); // 输出 'test'

提前缓存 this 引用（传统但可靠）

在方法开始处用变量（如 const self = this 或 const that = this）保存当前 this，在普通函数回调中引用该变量。

示例：

function Timer() {
  this.seconds = 0;
}
Timer.prototype.start = function() {
  const self = this; // 缓存 this
  setInterval(function() {
    console.log(++self.seconds); // 使用 self，而非 this
  }, 1000);
};

使用私有字段 + 箭头方法（ES2022+ 推荐写法）

在类中用私有字段定义箭头函数方法，天然绑定实例 this，且可直接传给定时器。

class Clock {
  #count = 0;
  #tick = () => {
    console.log(++this.#count);
  };
  start() {
    setInterval(this.#tick, 1000); // this.#tick 的 this 始终是实例
  }
}

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南