Function.prototype.bind() 是 JavaScript 中一个非常有用的函数，它可以创建并返回一个新的函数，同时将指定的对象绑定为新函数中的 this 值。除了 this 值之外，bind() 方法还可以接受任意数量的参数，这些参数会被绑定到新函数的参数列表中。
参数数组的作用
使用 bind() 方法的第一种常见情况是将一个函数绑定到一个特定的上下文中。例如，以下代码将 log() 函数绑定到 console 对象：
const log = console.log.bind(console);
在这个例子中，我们调用了 bind() 方法，并将 console 对象作为其第一个参数。因此，当我们调用 log() 函数时，实际上是在调用 console.log() 函数。通过这种方式，我们可以将 log() 函数视为我们自己的函数，并且可以在函数中使用 this 关键字而不必担心它的值是什么。
使用 bind() 方法的第二种常见情况是预先设置函数的参数。例如，以下代码将 add() 函数绑定到一个特定的上下文，并将第一个参数设置为 2：
function add(a, b) {
return a + b;
}
const add2 = add.bind(null, 2);
console.log(add2(3)); // 输出 5在这个例子中，我们调用了 bind() 方法，并将 null 作为其第一个参数。这是因为我们不需要将函数绑定到一个特定的对象中，而只是希望预先设置第一个参数的值。因此，我们将第一个参数设置为 null。
接下来，我们传递给 bind() 方法的第二个参数是 2。这表明我们希望将 add() 函数的第一个参数设置为 2，并且该参数在调用新函数时将保持不变。当我们调用 add2() 函数时，实际上是在调用 add(2, 3) 函数，因此返回了 5。
利用参数数组
使用 bind() 方法的第三种常见情况是将一个参数数组与函数一起使用。例如，以下代码将 log() 函数绑定到 console 对象，并将其参数设置为一个数组：
const logWithArgs = console.log.bind(console, 'Hello', 'world'); logWithArgs(); // 输出 "Hello world"
在这个例子中，我们调用了 bind() 方法，并将 console 对象作为其第一个参数。然后，我们将一个参数数组作为 bind() 方法的第二个参数传递给它。这个参数数组包含两个元素：'Hello' 和 'world'。
当我们调用 logWithArgs() 函数时，实际上是在调用 console.log('Hello', 'world') 函数。通过这种方式，我们可以轻松地绑定任意数量的参数到一个函数中，而不必手动指定每个参数。
另外一个例子：
-- -------------------- ---- ------- -------- ------ -- -- - ------ - - - - -- - ----- ------- - --- -- --- ----- -------- - -------------- ------------ ------------------------ -- -- -
在这个例子中，我们定义了一个 sum() 函数，该函数接受三个参数并返回它们的和。然后，我们定义了一个包含三个数字的数组 numbers。
接下来，我们调用了 bind() 方法，并将 null 作为其第一个参数，表示我们不需要绑定函数到一个特定的对象中。然后，我们使用扩展运算符（...）将 numbers 数组解构为三个单独的参数，并将它们传递给 bind() 方法。通过这种方式，我们成功地将一个参数数组与函数一起使用，并创建了一个新函数，该函数在调用时会自动传递这些参数。
结论
Function.prototype.bind() 是一种非常有用的 JavaScript 函数，
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24585