bind 本质是提前固化函数的 this 指向，返回新函数使其 this 永远绑定指定对象；因 JavaScript 中 this 取决于调用方式，回调中裸调用会导致 this 丢失，故需 bind 固定上下文。
在回调函数中用 bind 实现 this 上下文透传，本质是**提前锁定函数内部的 this 指向**，避免被调用时丢失。关键不是“透传”，而是“固化”——bind 返回一个新函数，其 this 永远绑定为你指定的对象，无论后续如何调用。
为什么需要 bind？
JavaScript 中函数的 this 取决于**调用方式**，而非定义位置。当函数作为回调传入（比如 setTimeout、事件监听器、数组方法如 map），它通常以“裸函数”形式被调用，this 会丢失（严格模式下为 undefined，非严格模式下指向全局对象）。
例如：
const obj = {
name: 'Alice',
greet() {
console.log(`Hello, ${this.name}`);
}
};
setTimeout(obj.greet, 100); // Hello, undefined — this 已丢失
用 bind 固定 this
对原函数调用 .bind(context)，返回一个新函数，该函数无论怎么调用，this 始终是 context。
- 直接绑定：
setTimeout(obj.greet.bind(obj), 100);→ 输出Hello, Alice - 绑定后赋值再使用：
const boundGreet = obj.greet.bind(obj); setTimeout(boundGreet, 100); - 绑定时还可预设部分参数（柯里化）：
obj.method.bind(this, arg1, arg2)
常见场景与写法
以下都是典型需 bind 的地方：
-
事件监听：
button.addEventListener('click', this.handleClick.bind(this)); -
定时器：
setInterval(this.update.bind(this), 1000); -
数组遍历回调：
items.map(this.processItem.bind(this)); -
Promise 回调：
promise.then(this.handleSuccess.bind(this));
注意：bind 是一次性操作
bind 返回的是**新函数**，不会修改原函数。多次 bind 也不会覆盖，只会生成更多绑定函数。已绑定的 this 无法被后续调用改变，即使再用 call 或 apply 也无法覆盖。
替代方案如箭头函数（自动继承外层 this）或类字段语法（handleClick = () => { ... }）更简洁，但 bind 在需要动态绑定、兼容旧环境或明确控制上下文时依然可靠。
