bind 方法的返回值是一个新的函数。这个新函数与原函数具有相同的函数体，但它的 this 指向被永久地绑定到了指定的对象，并且可以预先设置一些参数。
绑定 this 指向
- 当使用
bind方法时，第一个参数指定了新函数执行时的this指向。无论在何处调用这个新函数，其内部的this都将始终指向绑定的对象。
var obj = {
name: 'Alice',
sayHello: function() {
console.log('Hello, I am ' + this.name);
}
};
var boundSayHello = obj.sayHello.bind(obj);
boundSayHello();
AI 代码解读
在上述示例中，obj.sayHello 函数通过 bind 方法绑定了 this 指向 obj，返回的新函数 boundSayHello 在执行时，其内部的 this 始终指向 obj，因此会输出 Hello, I am Alice。
预设参数
bind方法返回的新函数还可以预先设置一些参数。这些预设的参数将在新函数被调用时，作为原函数的参数传递给原函数，并且会按照预设的顺序和位置进行传递。如果在调用新函数时还传递了其他参数，这些额外的参数将跟在预设参数之后传递给原函数。
function add(num1, num2, num3) {
return num1 + num2 + num3;
}
var boundAdd = add.bind(null, 5, 3);
var result = boundAdd(2);
console.log(result);
AI 代码解读
在这个示例中，add 函数通过 bind 方法绑定了 this 指向为 null，并预设了参数 5 和 3。返回的新函数 boundAdd 在调用时，只需要传递一个参数 2，它会与预设的参数一起传递给 add 函数，最终得到结果 10。
作为回调函数使用
- 由于
bind返回的是一个新函数，它可以方便地作为回调函数传递给其他函数或方法使用。在这种情况下，新函数的this指向和预设参数都已经固定，确保了在作为回调函数执行时能够按照预期的方式工作。
function handleClick() {
console.log('Button clicked by ' + this.user);
}
var userObj = {
user: 'Bob' };
var boundHandleClick = handleClick.bind(userObj);
document.getElementById('myButton').addEventListener('click', boundHandleClick);
AI 代码解读
在上述示例中，handleClick 函数通过 bind 方法绑定了 this 指向 userObj，返回的新函数 boundHandleClick 被作为点击事件的回调函数传递给了按钮的 addEventListener 方法。当按钮被点击时，boundHandleClick 函数会被执行，其内部的 this 指向 userObj，从而输出 Button clicked by Bob。
多次调用返回相同的绑定函数
- 如果对同一个函数多次使用相同的参数调用
bind方法，会返回同一个绑定后的函数。这是因为bind方法在第一次调用时已经创建了一个具有特定this指向和预设参数的新函数，并将其缓存起来，后续相同的调用会直接返回这个缓存的函数。
function multiply(num1, num2) {
return num1 * num2;
}
var boundMultiply1 = multiply.bind(null, 2, 3);
var boundMultiply2 = multiply.bind(null, 2, 3);
console.log(boundMultiply1 === boundMultiply2);
AI 代码解读
在这个示例中，两次对 multiply 函数使用相同的参数调用 bind 方法，得到的 boundMultiply1 和 boundMultiply2 是同一个函数，因此输出 true。
bind 方法返回的是一个经过 this 绑定和参数预设的新函数，这个新函数在不同的调用场景下都能保持固定的 this 指向和参数传递方式，为JavaScript中的函数复用和回调函数的使用提供了便利。
