在 ECMAScript 2017 (ES8) 中，有一个新的函数参数列表优化的特性，它让我们在定义函数时更加灵活和方便。本文将详细介绍这个特性的用法和优势，为想要提升编写 JavaScript 函数能力的前端开发提供指导。
基础语法
在 ES6 中，我们可以通过默认参数来定义函数的默认值：
function multiply(a, b = 1) {
return a * b;
}
multiply(5); // 5
multiply(5, 2); // 10在 ES8 中，我们可以使用 rest 参数来定义接受多个参数的函数，这样使用起来更加灵活：
function logAll(...args) {
console.log(args);
}
logAll(1, 2, 3); // [1, 2, 3]
logAll("hello", "world"); // ["hello", "world"]接下来，我们重点介绍 ES8 中的新特性：使用扩展运算符来传递参数。
扩展运算符的应用
在 ES8 中，我们可以使用扩展运算符来传递参数，其语法如下：
someFunction(...args)
这个语法的意思是将 args 数组中的元素解构并传递给 someFunction 函数。这是一个非常有用的特性，它可以让我们更加方便地操作参数，让代码更加简洁易懂。
直接传递参数
我们可以使用扩展运算符直接传递数组作为参数，而不必使用 apply 函数来传递数组元素：
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
const result = sum(...numbers);
console.log(result); // 6这个例子中，我们使用扩展运算符 ... 将 numbers 数组的元素传递给 sum 函数，然后返回它们的和。
结合默认参数和扩展运算符
在上面的例子中，我们将数组作为参数传递给了函数。现在，我们将展示一个更加实际的例子，结合默认参数和扩展运算符一起使用：
-- -------------------- ---- -------
-------- ------------------ ---- ---- - ---- ------ ------- - ------ -
------ -
-----
----
-----
--------
--
-
----- ---------- - -------- --- --------- ------
----- ------ - ----------------------------
-------------------- -- ------ ------- ---- --- ----- --------- -------- -----这个例子中，我们定义了一个 createPerson 函数，它需要传递 name 和 age 参数，同时还有默认的 city 和 country 参数。我们使用扩展运算符将包含所有参数的数组传递给该函数，以便我们将 personData 数据中的每个元素一一对应地传递给函数。
总结
扩展运算符是 ECMAScript 2017 (ES8) 中的一个特性，它让我们在定义 JavaScript 函数时更加灵活和方便。我们可以使用扩展运算符来传递数组作为函数参数，而不必使用 apply 函数来传递数组元素。我们还可以将扩展运算符与默认参数结合使用，以提供更加实用的解决方案。这个特性非常有用，它可以帮助我们编写更加高效和易于维护的 JavaScript 代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6474836c968c7c53b01de98f