ES8 中引入了一个新的特性：函数参数的扩展操作符，它可以让我们更方便地处理函数的参数。在本文中，我们将会介绍函数参数的扩展操作符的用法，并且展示它的实际应用。
什么是函数参数的扩展操作符
扩展操作符是三个点(...)，它可以将一个数组或者类数组对象转换为用逗号分隔的参数序列。在函数调用时，可以用扩展操作符来简化传参的过程。
扩展操作符的用法
1. ES6 的引入
在 ES6 中，扩展操作符被引入到了数组的字面量中。例如：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [...arr1, ...arr2]; // [1, 2, 3, 4, 5, 6]
这里我们使用扩展操作符将两个数组合并为一个新的数组。
2. 函数参数的扩展操作符
在函数参数中，使用扩展操作符可以接收任意数量的参数，并将它们转换为数组。例如：
function printList(...items) {
console.log(items);
}
printList('apple', 'banana', 'orange');
// 输出：["apple", "banana", "orange"]通过这种方式，我们可以轻松地处理任意数量的参数，并将它们转换为数组。
3. 函数的默认参数与扩展操作符
在使用函数的默认参数时，我们也可以通过扩展操作符来传递多个参数。例如：
-- -------------------- ---- -------
-------- ------------------------ ---- ----------- -
----- ---- - ---
--- ---- - - ------ - -- ---- ---- -
-------------
-
-- --------------- - -- -
----------------------
-
------ -----
-
----- ----------- - -------------------- -- -- -- ----
-- --- -- -- -- -- -- -- ---在这个例子中，我们定义了一个函数 createNumbersList ，它接收三个参数：起始值、结束值和多个数字。我们使用扩展操作符来处理多个数字的参数，然后将它们添加到数字列表中。
4. 例子：使用函数参数的扩展操作符
下面是一个使用函数参数的扩展操作符的例子。在这个例子中，我们定义了一个函数 getSum ，它可以接收任意数量的数字参数，并返回它们的总和。
-- -------------------- ---- -------
-------- ------------------ -
--- --- - --
--- ---- - - -- - - --------------- ---- -
--- -- -----------
-
------ ----
-
----- ---- - --------- -- -- -- ---
------------------ -- -----
----- ---- - ---------- --- --- ----
------------------ -- ------在这个例子中，我们定义了一个函数 getSum，它使用扩展操作符来处理任意数量的数字参数，并使用循环将它们累加起来。
总结
在本文中，我们介绍了函数参数的扩展操作符以及它的用法。我们发现，使用扩展操作符可以让我们更方便地处理函数的参数，从而提高代码的可读性和可维护性。同时，我们还展示了一些实际的应用场景，希望它们可以对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64507cf0980a9b385b9831b0