在前端开发中，函数是我们最常用的工具之一。但是，处理函数参数问题却经常让我们感到棘手。在 ES6 中，我们可以使用默认参数和 Rest 参数来解决这些问题。本文将介绍这两个特性，并提供详细的示例代码，帮助您更好地理解和应用它们。
默认参数
默认参数是一种在函数定义时为参数指定默认值的方法。如果调用函数时没有提供该参数的值，则使用默认值。默认参数可以让函数更加灵活，更容易使用。
基本语法
默认参数的基本语法如下：
function functionName(param1 = defaultValue1, param2 = defaultValue2, ...) {
// 函数体
}在上面的代码中，如果函数调用时没有传递参数，则使用默认值。否则，传递的参数将覆盖默认值。
示例代码
下面是一个使用默认参数的示例代码：
function greet(name = 'World') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出 "Hello, World!"
greet('Alice'); // 输出 "Hello, Alice!"在上面的代码中，我们定义了一个名为 greet 的函数，它有一个名为 name 的参数，如果调用函数时没有传递参数，则使用默认值 World。我们调用 greet 函数两次，第一次没有传递参数，因此使用默认值；第二次传递了参数 Alice，因此使用传递的值。
Rest 参数
Rest 参数是一种用于接收任意数量的参数的方法。Rest 参数将所有传递给函数的参数封装到一个数组中，以便在函数体内进行操作。Rest 参数可以让函数更加灵活，更容易使用。
基本语法
Rest 参数的基本语法如下：
function functionName(param1, param2, ...restParams) {
// 函数体
}在上面的代码中，Rest 参数使用 ...restParams 表示。它将函数的所有参数（除了前面指定的参数）封装到一个数组中。
示例代码
下面是一个使用 Rest 参数的示例代码：
-- -------------------- ---- -------
-------- --------------- -
--- ------ - --
--- ---- ------ -- -------- -
------ -- -------
-
------ -------
-
------------------ -- ---- -- -- -
------------------ -- -- ---- -- -- --在上面的代码中，我们定义了一个名为 sum 的函数，它使用 Rest 参数 ...numbers 接收任意数量的参数。在函数体内，我们遍历所有传递给函数的参数，并将它们相加。我们调用 sum 函数两次，传递了不同数量的参数，并输出结果。
默认参数和 Rest 参数的结合使用
默认参数和 Rest 参数可以结合使用，以便更好地处理函数参数问题。默认参数可以为函数的某些参数指定默认值，而 Rest 参数可以接收任意数量的参数。
示例代码
下面是一个使用默认参数和 Rest 参数的示例代码：
-- -------------------- ---- -------
-------- -------------------- ----------- -
--- ------ - --
------ ----------- -
---- ------
--- ---- ------ -- -------- -
------ -- -------
-
------
---- -----------
------ - -----------
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-
------
---- -----------
------ - --
--- ---- ------ -- -------- -
------ -- -------
-
------
---- ---------
------ - -----------
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-
------
--------
-------------------- -------------
-------
-
-------------------- ------------
-
---------------- -- -- --- -- -- -------- --
--------------------- --- -- --- -- -- -------- --
--------------------- -- -- --- -- -- -------- ---
------------------- ---- -- --- -- -- -------- ---
-------------------- --- --- -- -- -------- -----------在上面的代码中，我们定义了一个名为 calculate 的函数，它使用 Rest 参数 ...numbers 接收任意数量的参数，并使用默认参数 operation = 'add' 指定默认操作为加法。在函数体内，我们根据指定的操作对传递给函数的参数进行计算，并输出结果。我们调用 calculate 函数多次，传递了不同的参数，并输出结果。
总结
本文介绍了 ES6 中的默认参数和 Rest 参数，并提供了详细的示例代码。默认参数和 Rest 参数可以让函数更加灵活、更容易使用，可以帮助我们解决函数参数问题。它们是前端开发中非常有用的特性，值得我们深入学习和掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6508221195b1f8cacd34be57