应统一使用类字段箭头函数或constructor中bind绑定以确保this指向实例；避免初始化器中混用普通函数表达式，防止回调中this丢失；解构后调用需警惕this断连。
关键在于明确初始化器中 this 的绑定时机和作用域归属——属性初始化器（即类字段赋值）在构造函数执行前就完成，此时实例尚未完全构建，但箭头函数会立即捕获当前上下文的 this，而普通方法声明则延迟到调用时才确定 this。混用二者容易让开发者误以为行为一致，实则运行时指向可能分裂。
统一使用类字段箭头函数声明
把所有需绑定实例的方法都写成类字段形式的箭头函数，确保 this 在赋值那一刻就固定为当前实例：
- 语法：直接在类体中用
methodName = () => { ... } - 原理：该赋值发生在构造函数执行过程中，this 指向正在初始化的实例，箭头函数捕获它，后续调用不会丢失
- 注意：每个实例都会独立保存一份函数副本，内存开销略增，但语义清晰、无歧义
避免在初始化器中直接写普通函数表达式
不要在字段初始化位置写 handler = function() { ... } 或 handler = () => { ... } 以外的形式：
- 普通函数表达式（
function() {...}）在初始化器中虽能执行，但其 this 仍遵循调用时绑定规则，不是自动绑定实例 - 若误以为它和箭头函数一样“自带绑定”，后续作为回调传出去（如
element.addEventListener('click', this.handler)），this 就可能丢失 - 正确做法：要么全用箭头函数字段，要么统一用 constructor 中显式绑定
constructor 中统一绑定更可控
如果方法逻辑复杂或需复用，推荐在构造函数里集中处理绑定：
- 写法：
this.handleClick = this.handleClick.bind(this) - 优势：明确知道绑定发生时机（构造函数内），且所有方法共享同一套绑定逻辑
- 兼容性好：不依赖类字段提案（尽管现代环境已广泛支持），适合需要兼顾旧环境的项目
- 可选替代：用私有字段 + 箭头函数组合，如
#handleClick = () => {...}，进一步隔离作用域
警惕解构后调用导致的 this 断连
即使用了箭头函数字段，解构赋值后单独调用仍可能出问题：
- 错误示例：
const { handleClick } = instance; handleClick();—— 此时 this 是 undefined（严格模式）或全局对象 - 原因：解构只是提取函数引用，不保留原始对象上下文
- 解决：要么不解构，始终用
instance.handleClick()；要么解构时用箭头包装：const handleClick = () => instance.handleClick()
