函数绑定（bind）可解决this指向丢失、实现柯里化、定时器上下文绑定及方法复用。1. 事件中用bind固定this指向；2. 预设参数实现函数柯里化；3. 定时器回调保持原对象上下文；4. 提取绑定方法供复用，提升代码稳定性与可读性。
在JavaScript中，函数绑定（bind） 是一个非常实用的技巧，尤其在处理 this 指向问题时尤为关键。它不仅能固定函数的执行上下文，还能预设部分参数，提升代码的可读性和复用性。下面通过几个典型场景来说明 bind 的实际应用。
1. 解决 this 指向丢失问题
在事件处理或回调函数中，this 的指向常常会脱离原本对象。使用 bind 可以确保 this 始终指向预期的对象。
例如：
const user = {
name: 'Alice',
greet() {
console.log('Hello, ' + this.name);
}
};
<p>// 直接传函数引用时，this 会丢失
button.addEventListener('click', user.greet); // this 不再是 user</p><p>// 使用 bind 固定 this 指向
button.addEventListener('click', user.greet.bind(user)); // 正确输出 Alice</p>2. 函数柯里化（Currying）
bind 可用于预设函数的部分参数，实现参数的逐步传递，这在需要复用函数但参数略有不同的场景中非常有用。
例如：
function multiply(a, b) {
return a * b;
}
<p>// 创建一个始终第一个参数为 2 的新函数
const double = multiply.bind(null, 2);
console.log(double(5)); // 输出 10</p>
3. 定时器中的 this 绑定
在 setTimeout 或 setInterval 中，回调函数的 this 默认指向全局对象或 undefined（严格模式）。使用 bind 可保留原始上下文。
例如：
const timer = {
seconds: 0,
start() {
setInterval(function() {
this.seconds++;
console.log(this.seconds);
}.bind(this), 1000);
}
};
<p>timer.start(); // 每秒输出递增的秒数</p>如果不使用 bind，this.seconds 将无法访问，导致计时不生效。
4. 方法提取与复用
有时我们需要从对象中提取方法并作为独立函数调用，此时 bind 能保证该方法仍能正确访问原对象的数据。
例如：
const numbers = [1, 2, 3]; const pusher = [].push.bind(numbers); pusher(4, 5); console.log(numbers); // [1, 2, 3, 4, 5]
这里将数组的 push 方法绑定到特定数组，形成一个专用添加函数。
基本上就这些。bind 虽然不如箭头函数简洁，但在需要显式控制 this 或预设参数时，依然是不可替代的工具。掌握这些应用场景，能让代码更稳健、逻辑更清晰。不复杂但容易忽略。
