在 ES6 中，函数的参数有了很多新特性，其中包括默认参数和剩余参数。这两个特性能够让我们更加方便地编写函数，并且提高了代码的可读性和可维护性。本文将详细介绍 ES6 中的函数默认参数和剩余参数，并提供一些示例代码，帮助读者更好地理解和应用这些特性。
默认参数
在 ES6 之前，我们经常需要在函数内部判断参数是否传入，如果没有传入则使用默认值。例如：
-- -------------------- ---- -------
-------- ----------- -- -
-- -- --- ---------- -
- - --
-
------ - - --
-
------------ -- -
----------- --- -- --在 ES6 中，我们可以使用默认参数来更简洁地实现上述功能。例如：
function multiply(a, b = 1) {
return a * b;
}
multiply(5); // 5
multiply(5, 2); // 10在这个例子中，我们给函数的参数 b 设置了默认值为 1。如果调用函数时没有传入 b，那么 b 就会取默认值 1。如果传入了 b，那么 b 就会取传入的值。
需要注意的是，设置默认值的参数必须放在函数参数的最后面。例如下面的代码是错误的：
function multiply(a = 1, b) {
return a * b;
}剩余参数
在 ES6 中，我们还可以使用剩余参数来接收函数调用时传入的所有参数。例如：
-- -------------------- ---- -------
-------- --------------- -
--- ------ - --
--- ---- ------ -- -------- -
------ -- -------
-
------ -------
-
------ -- --- -- -
------ -- -- -- --- -- --在这个例子中，我们使用了剩余参数语法 ...numbers，它会将函数调用时传入的所有参数打包成一个数组。我们可以在函数内部通过遍历这个数组来处理传入的参数。
需要注意的是，剩余参数必须放在函数参数的最后面。例如下面的代码是错误的：
function sum(...numbers, a) {
let result = 0;
for (let number of numbers) {
result += number;
}
return result + a;
}示例代码
下面是一个使用默认参数和剩余参数的示例代码，它实现了一个计算器的功能：
-- -------------------- ---- -------
-------- --------------------- ----------- -
--- ------ - --
------ ----------- -
---- ------
--- ---- ------ -- -------- -
------ -- -------
-
------
---- -----------
------ - -----------
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-
------
---- -----------
------ - --
--- ---- ------ -- -------- -
------ -- -------
-
------
---- ---------
------ - -----------
--- ---- - - -- - - --------------- ---- -
------ -- -----------
-
------
--------
----- --- -------------- ---------- ---------------
-
------ -------
-
----------------------------- -- -- ---- -- -
---------------------------------- --- -- ---- -- -
---------------------------------- -- -- ---- -- --
-------------------------------- ---- -- ---- -- --在这个示例代码中，我们定义了一个 calculator 函数，它接收一个操作符和任意个数的参数。根据操作符的不同，我们会执行不同的计算，并返回计算结果。使用默认参数和剩余参数可以让我们更加方便地编写这个函数，并且让代码更加易读和易维护。
总结
ES6 中的函数默认参数和剩余参数是非常实用的特性，它们能够让我们更加方便地编写函数，并且提高了代码的可读性和可维护性。需要注意的是，设置默认值的参数必须放在函数参数的最后面，剩余参数也必须放在函数参数的最后面。在实际开发中，我们可以充分利用这些特性来提高代码的效率和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/657c196dd2f5e1655d6dbedf