核心是保持点调用以维持this指向实例，避免解构赋值后直接调用；事件监听和异步回调需用箭头函数、bind或类字段箭头函数确保this正确；慎用call/apply及重复bind。
核心在于守住“谁调用，this 就指向谁”这一规则——原型方法只有在 obj.method() 这种点调用形式下，才能触发隐式绑定、让 this 指向实例。一旦方法被取出来单独使用，隐式绑定就断了，this 退化为 undefined（严格模式）或全局对象，实例属性和方法自然无法访问。
避免解构或赋值后直接调用
这是最隐蔽也最常踩的坑：看似只是换个写法，实则切断了调用链。
- ❌ 错误写法：
const { handleClick } = instance; handleClick();或const fn = instance.handleClick; fn(); - ✅ 正确做法：保持点调用习惯，始终用
instance.handleClick()；若必须解构，搭配箭头函数或提前绑定：const { handleClick } = instance; const safeFn = () => handleClick.call(instance);
事件监听和异步回调中不裸传方法
浏览器或运行时环境调用回调时，并不以实例为上下文，所以 this 不会自动回指。
- ❌ 错误写法：
btn.addEventListener('click', instance.handleClick)、setTimeout(instance.update, 100)、promise.then(instance.render) - ✅ 推荐方案：
- 用箭头函数包裹：
btn.addEventListener('click', () => instance.handleClick()) - 利用 API 的
thisArg（如map、forEach）：list.map(item => this.process(item), instance) - 对高频回调，在构造函数中一次性绑定：
this.handleClick = this.handleClick.bind(this);
- 用箭头函数包裹：
优先采用类字段箭头函数语法
这不是“替代原型方法”，而是换一种更安全的定义方式——把方法作为实例属性初始化，天然捕获当前 this，不再依赖调用形式。
- ✅ 写法示例：
handleClick = () => { console.log(this.name); }; - ✅ 效果：无论解构、传参、作为事件处理器，
this始终指向实例，无需额外处理 - ⚠️ 注意：它属于实例而非原型，每个实例都会创建一份，但对绝大多数业务场景无性能影响
慎用 call/apply 和每次调用都 bind
它们能“救火”，但不是预防性设计，容易带来冗余和维护成本。
- ❌ 避免在每次渲染或事件中写
instance.method.bind(instance)，产生大量临时函数 - ❌ 避免用
instance.method.call(instance)替代自然调用，破坏语义且易出错 - ✅ 更合理的做法是：在构造函数中统一绑定（适合复用频繁的方法），或直接改用类字段箭头函数
