防范this丢失的关键是传递前锁定上下文：用bind预绑定生成永久新函数；箭头函数靠词法作用域继承外层this；解构后须立即bind；一次性调用可用call/apply。
对象方法作为参数传递时，this 丢失是高频问题——本质是函数脱离了原始调用对象，变成“裸函数”调用。防范关键不是事后补救，而是从传递前就锁定上下文。
用 bind 预绑定，最稳妥直接
在把方法赋值或传参前，用 bind 显式固定 this，生成一个永久绑定的新函数。
- 适用于事件监听、定时器、Promise 回调、子组件 props 透传等所有“先取方法再调用”的场景
- 语义清晰：
obj.method.bind(obj)直观表达“这个方法永远属于 obj” - 可柯里化：支持同时预设
this和部分参数，比如handler.bind(obj, 'submit') - 注意避免在渲染函数或循环中反复调用
bind，应提前提取并复用绑定后的函数
用箭头函数包裹，适合类内或闭包环境
在类定义或对象字面量内部，用箭头函数作为中间层调用原方法，靠其词法继承特性保留外层 this。
- React 类组件中常见写法：
onClick={() => this.handleClick()} - ES6 类字段语法更简洁：
handleClick = () => { console.log(this.state); }，函数直接绑定到实例 - 不适用于普通对象字面量顶层（外层
this可能是window或undefined），需确保定义位置的外层作用域this正确
提前解构并绑定，避免中途丢失
若必须解构方法（如 const { method } = obj），不能直接调用 method()，而应同步绑定。
立即学习“Java免费学习笔记（深入）”；
- 写成
const { method } = obj; const bound = method.bind(obj); bound(); - 或一步到位：
const boundMethod = obj.method.bind(obj);，再传参 - 解构本身不改变函数，但切断了与对象的关联，后续调用即触发默认绑定规则
用 call/apply 替代传参，适合一次性调用
如果只是临时调用、不需复用函数引用，可跳过绑定步骤，直接用 call 或 apply 指定 this 并执行。
-
obj.method.call(obj, arg1, arg2)—— 参数逐个传入 -
obj.method.apply(obj, [arg1, arg2])—— 参数以数组形式传入 - 适合工具函数转发、条件执行等场景，不生成新函数，无内存开销
