在JavaScript中，函数是一等公民，可以作为函数参数传递和返回值。有时候我们需要预先设置函数参数，这样可以方便后续的函数调用。本文将介绍如何在JavaScript函数调用中预先设置参数，以及使用部分函数应用实现这个功能。
直接调用函数
在JavaScript中，我们可以通过直接调用函数来传递参数。例如：
-------- ------ -- - ------ - - -- - ----- --- - ------ --- ----------------- -- -
在这个例子中，我们直接调用了add函数，并传入了两个参数1和2。函数add返回这两个数的和，保存在变量sum中并输出结果。
使用.bind()方法设置this指向和预设参数
在JavaScript中，函数也是对象，因此具有方法。其中一个方法是.bind()，它可以设置函数的this指向和预设部分参数。例如：
-------- ----------- -- - ------ - - -- - ----- ------ - ------------------- --- ----- ------ - ---------- -------------------- -- -
在这个例子中，我们使用.bind()方法创建了一个新函数double，并把原函数multiply中的第一个参数预设为2。然后我们调用double函数，传入一个参数3。double函数返回的结果是3和2的乘积。
注意，.bind()方法接受的第一个参数是函数内部的this指向。如果不需要使用this，可以传入null或undefined。
使用箭头函数预先设置参数
在ES6中，引入了箭头函数，它可以更简洁地定义函数，并且不会创建新的this绑定。我们可以使用箭头函数来实现部分函数应用。例如：
----- -------- - --- -- -- - - -- ----- ------ - - -- ----------- --- ----- ------ - ---------- -------------------- -- -
在这个例子中，我们定义了两个箭头函数，multiply和double。multiply函数接受两个参数并返回它们的积。double函数接受一个参数a，并调用multiply函数，把第二个参数预设为2。然后我们调用double函数，传入一个参数3。double函数返回的结果是3和2的乘积。
结语
本文介绍了如何在JavaScript函数调用中预先设置参数，以及使用.bind()方法和箭头函数实现部分函数应用。通过掌握这些技巧，我们可以更加灵活地编写代码，并提高开发效率。
代码示例:
-------- ------ -- - ------ - - -- - ----- --- - ------ --- ----------------- -- - -------- ----------- -- - ------ - - -- - ----- ------ - ------------------- --- ----- ------- - ---------- --------------------- -- - ----- --------- - --- -- -- - - -- ----- ------ - - -- ------------ --- ----- ------- - ---------- --------------------- -- --
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/14308