在 JavaScript 中，当我们调用一个对象的方法时，该方法内部的 this 关键字指向该对象。但是，有时候我们需要将函数作为参数传递给其他函数，并且希望能够绑定一些参数，但又不想绑定 this。本文将介绍三种方法来实现这个功能。
方法一：使用箭头函数
箭头函数是 ES6 中引入的新特性，其中 this 关键字被定义为在创建函数时所处的词法环境中的 this 值。因此，使用箭头函数可以轻松地避免 this 绑定问题。
-- -------------------- ---- -------
----- --- - -
----- --------
------ -------- ---------- ------------ -
-------------------- - -- - - --------- - -------------
--
--
----- ---------- - ---------- ------------ -- ------------------- -------------
------------------- ----- -- ------- ------ ------在上面的示例中，我们使用了一个箭头函数 boundGreet 来绑定参数，并确保 this 关键字仍然指向 obj 对象。
方法二：使用 Function.prototype.bind()
另一个实现这个目标的方法是使用 Function.prototype.bind()。该方法返回一个新函数，其 this 值将被绑定到指定的对象，但不会执行原始函数。我们可以使用 bind() 来创建一个新函数，该函数绑定了参数并将 this 指向 null。
-- -------------------- ---- -------
----- --- - -
----- --------
------ -------- ---------- ------------ -
-------------------- - -- - - --------- - -------------
--
--
----- ---------- - -------------------- -------- -----
------------- -- ------- ------ ------在上面的示例中，我们使用 bind() 方法来绑定 greeting 和 punctuation 参数，并将 this 值设置为 null。然后，我们可以随时调用 boundGreet() 函数来执行 obj.greet() 方法。
方法三：使用闭包
最后一种方法是使用闭包。我们可以编写一个返回新函数的函数，该函数绑定了参数并忽略了原始函数的 this 值。
-- -------------------- ---- -------
----- --- - -
----- --------
------ -------- ---------- ------------ -
-------------------- - -- - - --------- - -------------
--
--
-------- ------------------- ------------- -
------ -------- --------- -
------ -------------- -------------- ----------
--
-
----- ---------- - -------------------------- -------- -----
------------- -- ------- ------ ------在上面的示例中，我们定义了一个名为 bindWithoutThis 的函数，该函数返回一个绑定了参数的新函数。 在新函数中，我们使用 apply() 方法来调用原始函数，其中第一个参数是 null，表示忽略原始函数的 this 值。 然后，我们将绑定参数和传递的参数合并为一个数组，并在调用 apply() 时使用展开运算符。
结论
以上是三种在 JavaScript 中绑定函数参数而不绑定 this 的方法。每种方法都具有其优点和缺点，因此需要根据具体情况选择最适合您代码的方法。
希望本文能够对你在实际开发中遇到的问题有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11912
