类字段箭头函数或构造函数绑定可避免手动call/apply/bind：前者语法简洁、天然绑定this且兼容解构与事件监听；后者兼容老环境，一次bind终身有效；高阶封装可复用绑定逻辑；切勿直接用原型方法作回调。
直接用类字段箭头函数，或者在构造函数里绑定方法，就能绕过手动 call/apply/bind 的麻烦。
类字段箭头函数：天然绑定 this
ES2022 起支持的类字段语法，让方法定义时就自动绑定到实例，无需额外操作：
- 写法简洁：handleClick = () => { this.count++ }
- 解构后仍可用：
const { handleClick } = new Button(); handleClick();不会丢失 this - 事件监听直接传：
btn.addEventListener('click', this.handleClick)安全可靠
构造函数中 bind：兼容老环境也稳
对不支持类字段的老项目或需要明确控制的场景，构造函数里一次性绑定最稳妥：
-
this.handleClick = this.handleClick.bind(this);放在 constructor 末尾 - 后续无论怎么传（setTimeout、map、回调参数），this 始终指向实例
- 比每次调用都 bind() 或写箭头包装更轻量，避免重复创建函数
高阶封装：把绑定逻辑收进工具函数
如果多个类都要做类似处理，可以抽一个通用初始化函数：
- 例如：
function bindMethods(instance, methodNames) { methodNames.forEach(name => instance[name] = instance[name].bind(instance)); } - 在 constructor 里调用：
bindMethods(this, ['handleClick', 'handleSubmit']); - 既保持可读性，又避免模板化重复代码
别碰原型上的方法做事件回调
原型链上的普通方法（handleClick() { ... }）一旦被当回调传出去，就容易失 this。这不是 bug，是 JS 机制决定的。只要坚持用前三种方式之一，显式绑定就真的可以彻底不用写了。
