在开发前端应用程序的过程中，我们常常需要处理各种参数。ES12 中引入了默认参数和 rest 参数这两个新特性，可以帮助我们更好地处理和管理参数，避免参数过多的问题。
默认参数
默认参数是指在函数定义时，为参数指定默认值。在调用函数时，如果没有传递对应参数的值，则会使用默认值。这个特性可以让我们避免因为缺少参数而导致的错误。
例如，我们定义一个函数 sayHello，接收一个参数 name，并且为这个参数指定默认值为 World：
function sayHello(name = 'World') {
console.log(`Hello, ${name}!`);
}当我们调用这个函数时，如果没有传递 name 参数，它会使用默认值 World：
sayHello(); // 输出：Hello, World!
如果传递了 name 参数，则会使用传递的值：
sayHello('Alice'); // 输出：Hello, Alice!默认参数还可以引用之前的参数，例如：
function greet(name, message = `Hello, ${name}!`) {
console.log(message);
}
greet('Bob'); // 输出：Hello, Bob!
greet('Alice', 'Hi there!'); // 输出：Hi there!这个例子中，我们为参数 message 指定了默认值，这个默认值使用了之前传递的 name 参数。
rest 参数
rest 参数是指在函数定义时，使用 ... 来表示可以接受任意数量的参数，并将它们存储在一个数组中。这个特性可以让我们更方便地处理任意数量的参数。
例如，我们定义一个函数 sum，接收任意数量的参数，并将它们累加起来：
function sum(...numbers) {
let total = 0;
for (let number of numbers) {
total += number;
}
return total;
}当我们调用这个函数时，可以传递任意数量的参数：
sum(); // 输出：0 sum(1); // 输出：1 sum(1, 2, 3); // 输出：6 sum(1, 2, 3, 4, 5); // 输出：15
rest 参数还可以和其他参数一起使用，例如：
function multiply(multiplier, ...numbers) {
return numbers.map(number => number * multiplier);
}
console.log(multiply(2, 1, 2, 3)); // 输出：[2, 4, 6]这个例子中，我们为函数定义了一个 multiplier 参数和一个 rest 参数 numbers。在函数体中，我们使用 map 方法将 numbers 数组中的每个元素乘以 multiplier。
总结
默认参数和 rest 参数是 ES12 中的两个新特性，它们可以帮助我们更好地处理和管理参数，避免参数过多的问题。默认参数可以让我们为函数参数指定默认值，避免因为缺少参数而导致的错误；rest 参数可以让我们接受任意数量的参数，并将它们存储在一个数组中，方便我们处理任意数量的参数。在实际开发中，我们可以根据需要使用这两个特性，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6508388c95b1f8cacd35f7ec