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