在 ES6 中，函数参数的默认值和 rest 参数是非常重要的特性，它们能够帮助我们更加高效地编写代码，提高代码的可读性和可维护性。本文将会详细介绍 ES6 中函数参数的默认值和 rest 参数的使用方法，并提供一些示例代码以帮助读者更好地理解。
函数参数的默认值
在 ES6 之前，我们通常需要在函数中手动检查参数是否存在，如果不存在则需要给参数赋一个默认值，例如：
function foo(a, b) {
a = a || 0;
b = b || 1;
// ...
}这种方式虽然可以实现参数的默认值，但是会存在一些问题，例如当参数的值为 0 或者空字符串时，我们也会将其视为不存在的参数，导致默认值不生效。而在 ES6 中，我们可以通过给函数参数指定默认值的方式来解决这个问题，例如：
function foo(a = 0, b = 1) {
// ...
}这样，如果传入的参数为 undefined，则会使用默认值。同时，由于 ES6 支持解构赋值，我们也可以给参数的属性指定默认值，例如：
function foo({a = 0, b = 1}) {
// ...
}这样，如果传入的参数没有指定 a 或者 b 属性，则会使用默认值。
rest 参数
在 ES6 中，我们可以使用 rest 参数来表示一个函数接受任意数量的参数，并将这些参数保存在一个数组中，例如：
function foo(...args) {
// args 是一个数组，包含了所有传入的参数
}在函数中使用 rest 参数时，需要将其放在参数列表的最后一个位置，例如：
function foo(a, b, ...args) {
// args 是一个数组，包含了除 a 和 b 以外的所有参数
}在调用函数时，我们可以传入任意数量的参数，它们会被保存在 rest 参数的数组中，例如：
foo(1, 2, 3, 4, 5);
这样，args 数组中就会包含 [3, 4, 5]。
使用示例
下面是一个使用函数参数的默认值和 rest 参数的示例：
-- -------------------- ---- -------
-------- ------------ -
--- ----- - --
--- ---- --- -- ----- -
----- -- ----
-
------ ------
-
-------- ---------- - -- - - -- -------- -
--- ----- - - - --
--- ---- --- -- ----- -
----- -- ----
-
------ ------
-
------------------ -- -- -- ---- -- -- --
----------------------- -- -- ---- -- -- ---
------------------------------- -- -- ---- -- -- --在上面的示例中，我们定义了两个函数 sum 和 multiply，其中 sum 使用了 rest 参数来接受任意数量的参数，并计算它们的总和；multiply 使用了函数参数的默认值和 rest 参数，来计算传入参数的乘积。
总结
在本文中，我们介绍了 ES6 中函数参数的默认值和 rest 参数的使用方法，并提供了一些示例代码以帮助读者更好地理解。使用函数参数的默认值和 rest 参数可以帮助我们更加高效地编写代码，提高代码的可读性和可维护性。如果你还没有使用这些特性，建议你尝试一下，相信它们会让你的代码变得更加优雅。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65f2f8ac2b3ccec22fb89444