在 JavaScript 中，Function.prototype.call() 是一个非常有用的函数，它允许我们在调用一个函数时指定 this 的值。但是有时候，我们希望能够预先指定 this 的值，并返回一个新的函数。这时候就可以使用 Function.prototype.call.bind() 方法。
基本语法
Function.prototype.call.bind(func, thisArg, ...args)
func：要绑定的函数。thisArg：要绑定到func中的this值。...args：要传递给func的参数列表。
工作原理
当我们调用 Function.prototype.call.bind() 方法时，它会返回一个新的函数，该函数会将其第一个参数作为 this 值，并以其余参数作为参数调用 func 函数。
这是因为 bind() 方法会创建一个新函数，该函数在调用时将 this 设置为绑定值，并将任何提供的参数附加到绑定值上。
换句话说，Function.prototype.call.bind(func, thisArg) 实际上返回了一个新函数，该函数会把 thisArg 作为 func 函数中的 this 值，并返回 func 函数的结果。
下面是一个简单的例子：
const obj = { x: 1 };
function foo(y) {
return this.x + y;
}
const bar = Function.prototype.call.bind(foo, obj);
console.log(bar(2)); // 3在这个例子中，我们创建了一个对象 obj，其中包含属性 x。然后，我们定义一个名为 foo 的函数，该函数使用 this.x 计算一个值。最后，我们使用 Function.prototype.call.bind() 方法来创建一个新函数 bar，该函数将 obj 作为 this 值，并将参数 2 传递给 foo() 函数。
当我们调用 bar() 时，它会返回 3，因为在 foo() 函数中，this.x 的值等于 1，加上参数 2 的值，得到 3。
学习和指导意义
理解 Function.prototype.call.bind() 可以帮助我们更好地理解 JavaScript 中的函数绑定和 this 值的概念。在编写复杂的 JavaScript 应用程序时，经常需要使用函数绑定来确保正确的上下文环境。
此外，在使用 bind() 方法时，我们还要注意性能问题。由于 bind() 方法每次都会创建一个新函数，因此过度使用它可能会降低应用程序的性能。因此，我们应该谨慎使用，只在必要的情况下使用它。
总之，Function.prototype.call.bind() 是一个非常有用的方法，它允许我们预先指定 this 值并返回新的函数。通过深入了解它的工作原理，我们可以更好地掌握 JavaScript 函数绑定和 this 值的概念。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31267