在 JavaScript 中，函数是非常重要的组成部分。我们经常需要定义函数，以执行各种任务和操作。在函数定义中，有两个关键字可以帮助我们更好地控制函数的行为和处理参数：Rest 参数和参数默认值。
Rest 参数
Rest 参数是一种非常有用的功能，它允许我们将函数参数作为一个数组处理。在函数签名中，使用三个点（...）将剩余参数收集到一个数组中。
下面是一个简单的例子：
-- -------------------- ---- ------- -------- --------------- - --- ------ - -- ---------------------- -- ------ -- -------- ------ ------- - ------------------ -- ---- -- -- -
在这个例子中，sum 函数接受任意数量的数字作为参数，并将它们相加。我们可以传递任意数量的参数，而不必担心如何处理它们。在函数内部，我们可以使用 numbers 数组来访问它们。
Rest 参数与展开运算符结合使用时尤其有用。例如，在调用其他函数时，我们可能需要将一些变量添加到参数中。我们可以使用展开运算符将变量添加到现有的参数列表中。
例如：
function multiply(factor, ...numbers) {
return numbers.map(number => number * factor);
}
const results = multiply(2, 1, 2, 3, 4);
console.log(results); // 输出 [2, 4, 6, 8]在这个例子中，我们将一个 factor 参数和任意数量的数字参数作为输入。使用 Rest 参数，我们可以将所有数字参数收集到一个数组中，并使用 map() 函数将它们乘以 factor。
参数默认值
参数默认值是另一个有用的功能，它使我们能够为函数参数定义默认值。如果没有传递参数或者传递了 undefined，则使用默认值。
下面是一个简单的例子：
function greet(name = 'world') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出 "Hello, world!"
greet('John'); // 输出 "Hello, John!"在这个例子中，如果 name 参数没有被传递或传递了 undefined，则默认为字符串 'world'。
当然，在使用默认参数时需要注意一些特殊情况。例如，如果我们要检查传递的参数是否为 undefined，则不能使用相等运算符（== 或 ===）。相反，我们应该使用 typeof 运算符。
例如：
-- -------------------- ---- -------
-------- ---------- - --- -
-- ------- ----- --- --------- -
---------------- ----- -- - ------- -----------
- ---- -
---------------- ----- -- --- - ------- -----------
-
-
------- -- -- ---- ----- -- - ------- -
---------------- -- -- ---- ----- -- - ------- -
----------- -- -- ---- ----- -- --- - ------- -----
--------- -- -- ---- ----- -- --- - ------- ---
-------------- -- -- ---- ----- -- - ------- ------在这个例子中，我们使用 typeof 运算符来检查 value 参数的类型。这使我们能够正确地处理未定义的参数和其他值。
结论
Rest 参数和参数默认值是两个非常有用的 JavaScript 特性。它们可以帮助我们更好地控制函数的行为和处理参数，从而提高代码的可读性和易用性。当然，它们也需要谨慎使用，并且需要遵循最佳实践。但是，一旦使用得当，它们将成为您编写出色的 JavaScript 代码的强大工具之一。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3768