箭头函数类字段能自动绑定this，因其无自有this而继承外层词法作用域的this；类字段在构造时求值，此时this即当前实例。
在 JavaScript 类中，用类字段（class field）语法定义箭头函数，能自动绑定 this 到当前实例，避免手动绑定或意外丢失上下文。
为什么箭头函数能自动绑定 this
箭头函数没有自己的 this，它会沿作用域链向上查找并继承外层词法作用域的 this。类字段是在构造函数执行时、实例创建后立即求值的，此时外层作用域的 this 就是当前实例本身。
写法：直接在类中声明箭头函数字段
把方法写成类字段，赋值为箭头函数即可：
class Counter {
count = 0;
// ✅ 自动绑定 this
handleClick = () => {
this.count++;
console.log(this.count);
};
render() {
// 比如传给事件监听器，无需 bind
button.addEventListener('click', this.handleClick);
}
}
和普通方法对比的关键区别
- 普通方法（
handleClick() { ... }）是定义在原型上，this取决于调用方式，容易丢失 - 箭头函数字段是定义在实例上，每次构造新实例都会创建一个新函数，
this始终指向该实例 - 它不是“绑定”，而是“天然绑定”——因为箭头函数根本没自己的
this，直接捕获了构造时的实例
注意事项
- 每个实例都会生成独立的函数，内存开销略高（对大多数应用可忽略）
- 不能被子类重写（因为它不在原型链上），若需继承覆盖，应优先用普通方法 + 显式绑定
- 不适合需要动态
this的场景（比如作为工具函数被借用）
