JavaScript class 中 this 是执行时绑定的，方法默认不绑定 this；可通过 constructor.bind、类字段箭头函数或调用时 bind/箭头函数解决 this 丢失问题。
在 JavaScript class 中，this 不是定义时绑定的，而是**执行时由调用方式决定的**。类方法本身不自动绑定 this，所以一旦脱离原始调用上下文（比如传给事件、定时器或解构赋值），this 就会丢失，严格模式下变成 undefined，非严格模式下可能指向 window。
class 方法默认不绑定 this
类中定义的普通方法（如 handleClick() { ... }）属于原型方法，不会自动绑定到实例。它和普通函数一样，遵循标准的 this 绑定规则：
- 直接调用
obj.method()→this指向obj（隐式绑定） - 解构后调用
const { method } = obj; method()→this丢失（退回到默认绑定） - 作为回调传入
setTimeout(obj.method, 100)→ 同样丢失 this
constructor 中手动 bind 是最稳妥的显式绑定
在构造函数里对方法做 bind(this)，能确保该方法无论怎么传、怎么用，this 始终指向当前实例：
- 写法：
this.handleClick = this.handleClick.bind(this); - 适用场景：需要长期复用的方法，比如事件处理器、定时器回调、传递给第三方库
- 注意：每次 new 实例都会创建一个新绑定函数，有轻微内存开销，但逻辑清晰、兼容性好
类字段 + 箭头函数天然绑定 this
使用类字段语法声明箭头函数方法（handleClick = () => { ... }），利用箭头函数的词法作用域特性，this 直接捕获定义时的外层 this（即实例）：
- 无需 constructor 绑定，代码更简洁
- 不能被子类重写（不是原型方法），也不支持
call/apply动态改 this - 适合大多数 React 类组件中的事件处理场景
调用时临时绑定适用于一次性场景
在使用位置即时绑定，灵活但需注意性能和可读性：
-
onClick={this.handleClick.bind(this)}—— 每次渲染都新建函数，React 中可能触发不必要的重渲染 -
onClick={() => this.handleClick()}—— 同样每次渲染新建函数，但语义更明确 - 推荐仅用于简单、不频繁、或不需要 memoize 的场合
