在前端开发中，函数是我们经常使用的一种工具。但是，当我们需要传递多个参数时，函数的可扩展性就会受到限制。在 ES9 中，引入了扩展参数运算符，可以帮助我们更好地处理函数参数，提高函数的可扩展性。
什么是扩展参数运算符
扩展参数运算符是 ES9 中的一种新语法，用于将一个数组或者类数组对象展开成一个函数的参数列表。我们可以使用 ... 来表示扩展参数运算符。
如何使用扩展参数运算符
我们可以在函数定义时，在函数参数前使用 ... 来表示扩展参数运算符。例如：
function myFunction(...args) {
console.log(args);
}在调用函数时，我们可以传入一个数组或者类数组对象，这个数组或者类数组对象会被展开成函数的参数列表。例如：
myFunction(1, 2, 3); // [1, 2, 3]
myFunction(...[1, 2, 3]); // [1, 2, 3]
myFunction(...document.querySelectorAll('div')); // [div, div, div, ...]如何使用扩展参数运算符提高函数可扩展性
使用扩展参数运算符可以帮助我们更好地处理函数参数，提高函数的可扩展性。例如，我们可以在函数定义时，使用扩展参数运算符来处理不定数量的参数。例如：
function sum(...numbers) {
return numbers.reduce((acc, cur) => acc + cur, 0);
}
sum(1, 2, 3); // 6
sum(1, 2, 3, 4, 5); // 15使用扩展参数运算符还可以帮助我们更好地处理默认参数。例如：
function greet(name = '', ...messages) {
messages.forEach(message => console.log(`${name} says: ${message}`));
}
greet('Alice', 'Hello', 'World'); // Alice says: Hello, Alice says: World
greet('Bob'); // Bob says:使用扩展参数运算符还可以帮助我们更好地处理对象参数。例如：
-- -------------------- ---- -------
-------- ----------------- ---- --------- -
------ -
-----
----
--------
--
-
----------------- -------- ---- --- ------- --------- -------- ------------ -- ------ -------- ---- --- ------- --------- -------- ----------总结
使用扩展参数运算符可以帮助我们更好地处理函数参数，提高函数的可扩展性。我们可以在函数定义时，在函数参数前使用 ... 来表示扩展参数运算符。使用扩展参数运算符可以帮助我们更好地处理不定数量的参数、默认参数和对象参数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65796419d2f5e1655d36b872