箭头函数在类中作为类字段声明时，this 总指向实例，因其在定义时静态捕获外层词法作用域的 this（即当前实例），且不受调用方式影响；它属于实例属性而非原型方法，适合事件监听、异步回调等需稳定 this 的场景。

箭头函数在类中不能作为标准方法定义，但常以类字段（class field）形式声明为实例属性，此时 this 的绑定是静态的、词法的——它在函数定义那一刻就捕获外层作用域的 this，也就是当前类实例，且此后不可更改。

为什么 this 总是指向实例？

类字段初始化发生在构造函数执行过程中，此时实例对象已经创建完成，外层词法作用域的 this 就是该实例。箭头函数直接继承这个 this，不依赖调用方式，也不响应 .call()、.apply() 或 .bind()。

• 即使把函数赋值给变量再调用，this 仍指向原实例
• 它不是原型上的方法，而是每个实例独有一份函数引用
• 无法被子类通过 super 调用或覆盖（因不在原型链上）

和普通方法的 this 行为差异明显

普通方法的 this 是动态的，由调用时的上下文决定；而箭头函数属性的 this 是静态的，只看定义位置。

Token Stats

一款AI工具，主要用于选择要监控的 AI 助手 → 查看 token 消耗。支持 Hermes / Claude Code / CodeX / OpenClaw，每次需手动选择，适合需要提升相关任务效率的用户。

下载

• obj.method() → this 是 obj
• const fn = obj.method; fn() → this 变成 undefined（严格模式）
• const fn = obj.arrowFn; fn() → this 仍是 obj，不会丢失

适合用在哪些场景？

这类写法特别适合需要稳定 this 的回调逻辑，避免手动绑定。

• 事件监听：button.addEventListener('click', this.handleClick)
• 异步回调：fetch('/api').then(data => this.setState(data))
• 定时器：setTimeout(() => this.update(), 100)
• 数组操作中需访问实例属性：this.items.map(item => item.id + this.prefix)

需要注意的边界情况

this 存在 ≠ 实例属性已就绪。字段初始化器中使用箭头函数是安全的，但若内部引用尚未声明或赋值的属性，仍会报错。

• 在 constructor 中 super() 之前访问父类箭头函数属性，父类字段可能还未初始化
• 箭头函数内部若读取未赋值的实例属性（如 this.data 在构造函数末尾才设），仍会得到 undefined 或触发错误