在 JavaScript 中，函数是非常重要的一部分，而 ES12 给函数增加了一些新的功能，其中包括默认参数和剩余操作符。这些功能可以使函数更加灵活和易于使用。
默认参数
在 ES12 中，函数可以使用默认参数。默认参数是指在函数定义时，为参数指定一个默认值。如果函数调用时没有为该参数提供值，则使用默认值。
下面是一个示例：
function greeting(name = 'World') {
console.log(`Hello, ${name}!`);
}
greeting(); // 输出：Hello, World!
greeting('Alice'); // 输出：Hello, Alice!在上面的示例中，函数 greeting 接受一个参数 name，并为其指定了默认值 'World'。如果没有为该参数提供值，则使用默认值。在第一个函数调用中，没有提供参数，因此使用默认值 'World'。在第二个函数调用中，提供了参数 'Alice'，因此使用该值。
默认参数的好处在于它们使函数更加灵活。如果函数需要一个可选参数，可以使用默认参数来指定默认值，而不必在函数内部进行检查。
剩余操作符
在 ES12 中，函数还可以使用剩余操作符。剩余操作符是指在函数定义时，将多个参数合并为一个数组。
下面是一个示例：
// javascriptcn.com 代码示例
function sum(...numbers) {
let total = 0;
for (const number of numbers) {
total += number;
}
console.log(`The sum is ${total}.`);
}
sum(1, 2, 3, 4, 5); // 输出：The sum is 15.在上面的示例中，函数 sum 使用剩余操作符 ...numbers 将所有参数合并为一个数组。然后，使用 for...of 循环遍历该数组，并计算总和。
剩余操作符的好处在于它们使函数更加灵活。如果函数需要接受任意数量的参数，可以使用剩余操作符将它们合并为一个数组。
总结
ES12 中的默认参数和剩余操作符是使函数更加灵活和易于使用的重要功能。默认参数可以为可选参数指定默认值，而不必在函数内部进行检查。剩余操作符可以将多个参数合并为一个数组，以便在函数内部进行处理。这些功能可以提高代码的可读性和可维护性，并使代码更加易于使用和扩展。
示例代码
// javascriptcn.com 代码示例
function greeting(name = 'World') {
console.log(`Hello, ${name}!`);
}
greeting(); // 输出：Hello, World!
greeting('Alice'); // 输出：Hello, Alice!
function sum(...numbers) {
let total = 0;
for (const number of numbers) {
total += number;
}
console.log(`The sum is ${total}.`);
}
sum(1, 2, 3, 4, 5); // 输出：The sum is 15.来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65626b1bd2f5e1655dc4a9a2