箭头函数在类属性中定义时this始终指向当前实例，因其在构造函数执行时捕获外层词法作用域的this，且不可被call/apply/bind修改；普通方法this则依赖调用方式，而箭头函数属性this静态绑定。
箭头函数在类属性中定义时，this 指向的是当前类实例，且这个绑定在函数定义那一刻就固定下来，后续任何调用方式都不会改变它。
为什么 this 总是指向实例？
类字段（如 handler = () => { ... }）是在构造函数执行过程中初始化的，此时实例对象已经创建完成，外层词法作用域的 this 就是该实例。箭头函数直接捕获这个 this，不依赖调用上下文。
- 即使把函数赋值给变量再调用，this 仍指向原实例
- 无法通过
.call()、.apply()或.bind()修改其 this - 它不是原型上的方法，而是每个实例独有一份函数引用
和普通方法的差异在哪？
普通方法的 this 是动态的，取决于怎么调用；箭头函数属性的 this 是静态的，只看定义位置。
-
obj.method()→ this 是 obj -
const fn = obj.method; fn()→ this 变成 undefined（严格模式） -
const fn = obj.arrowFn; fn()→ this 仍是 obj，不会丢失
需要注意的边界情况
虽然 this 绑定稳定，但不代表能访问所有实例属性。
- 字段初始化器中使用箭头函数是安全的，因为 this 已存在
- 但如果在
constructor中super()之前就访问父类的箭头函数属性，父类字段可能还未初始化 - 箭头函数内部若引用尚未声明或赋值的实例属性，仍会报错（this 存在 ≠ 属性已就绪）
适合用在哪些地方？
这类写法特别适合需要稳定 this 的场景，比如事件监听、异步回调、定时器等。
button.addEventListener('click', this.handleClick)setTimeout(() => this.update(), 100)fetch('/api').then(data => this.setState(data))
