Function.prototype.bind() 是 JavaScript 中的一个内置函数，用于创建一个新函数，该函数在调用时会将指定的上下文（this 值）绑定到预定义的值，并可接收预定义的参数。
1. bind() 方法的用法：
function func(arg1, arg2, ...) {
// 函数逻辑
}
var boundFunc = func.bind(thisValue, arg1, arg2, ...);
解释一下上述代码的含义：
- func 是需要绑定上下文的函数。
- thisValue 是要绑定到函数的 this 值。
- arg1, arg2, … 是预定义的参数，可选。
bind() 方法将返回一个新的函数 boundFunc，该函数与原始函数 func 具有相同的函数体，但在调用时会将指定的上下文绑定到 thisValue，并且可以传递预定义的参数。
当调用 boundFunc 时，它会以指定的上下文执行函数体，并将预定义的参数作为实参传递给函数。
下面是一个示例，演示如何使用 bind() 方法：
var person = {
name: "John",
greet: function() {
console.log("Hello, " + this.name + "!");
}
};
var greetFunc = person.greet.bind(person); // 绑定上下文
greetFunc(); // 调用新函数
输出结果为：
Hello, John!
在上述示例中，person 对象有一个 greet 方法，该方法引用了对象的 name 属性。通过使用 bind() 方法，我们将 person 对象绑定为 greet 方法的上下文，创建了一个新的函数 greetFunc。当我们调用 greetFunc() 时，它会在 person 对象的上下文中执行函数体，并输出相应的结果。
2. bind() 方法不能用于箭头函数
bind() 方法不能用于箭头函数。箭头函数在定义时绑定了词法上下文（lexical context），无法通过 bind() 方法修改其上下文。
箭头函数的特性包括：
- 它们没有自己的 this 值，它们继承了定义它们的外部作用域的 this 值。
- 它们不能通过 bind()、call() 或 apply() 方法来改变它们的上下文。
因此，尝试在箭头函数上使用 bind() 方法会导致错误。
以下是一个示例，说明箭头函数无法使用 bind() 方法：
var obj = {
name: "Alice",
greet: () => {
console.log("Hello, " + this.name + "!");
}
};
var boundFunc = obj.greet.bind(obj); // 错误：TypeError
boundFunc();
在上述示例中，我们定义了一个箭头函数 greet，它尝试使用 this.name 访问 obj 对象的 name 属性。然后，我们尝试使用 bind() 方法将 obj 对象绑定为箭头函数的上下文。然而，这会导致 TypeError 错误，因为箭头函数无法改变自己的上下文。
