在 ES2015 之前，JavaScript 没有原生的默认参数和 Rest 参数的支持。但是在 ES2015 中，加入了默认参数和 Rest 参数的新特性。默认参数是在函数参数列表中指定默认值的参数，而 Rest 参数允许我们将不确定数量的参数表示为一个数组。
在某些情况下，我们需要在一个函数中同时使用默认参数和 Rest 参数。不幸的是，如果我们不小心滥用这两个特性，就会导致一些错误。在本篇文章中，我们将探讨如何解决默认参数和 Rest 参数混用所带来的问题，并提供一些示例代码。
问题的根源
默认参数指的是在函数中指定默认值的参数。例如：
function greet(name = 'world') {
console.log(`Hello, ${name}!`);
}默认情况下，如果我们不提供函数调用时的参数，name 的默认值将是 'world'。然而，当我们引入 Rest 参数时，比如：
function greet(name = 'world', ...others) {
console.log(`Hello, ${name}!`);
console.log(others);
}这个时候，如果我们不传递任何参数来调用 greet 函数，name 参数会被设置为默认值 'world'，而 others 参数将是一个空数组。但是，如果我们传递一个不同于 name 参数默认值的实参，则 name 参数将被设置为传递的值，而 others 参数将包含所有余下的实参。
这意味着当我们使用默认参数和 Rest 参数混合使用时，我们必须小心处理这两个参数的交叉作用。否则，我们可能会遇到一些意外的行为。
解决方法
为了避免默认参数和 Rest 参数混用所导致的问题，我们需要在函数的参数列表中遵守一些规则：
- Rest 参数必须是最后一个参数
- 默认参数不能位于 Rest 参数之后。
下面提供一个示例代码来演示这些规则：
// 错误用法
function func(a = 0, ...b, c = 1) {
console.log(a, b, c);
}上面的代码违反了第二个规则，因此会抛出一个语法错误。
// 正确用法
function func(a, b = 0, ...c) {
console.log(a, b, c);
}上面的代码遵守了这些规则，并可以正常工作。当我们调用 func 函数时：
func(1, 2, 3, 4);
输出结果如下：
1 2 [3, 4]
何时使用默认参数和 Rest 参数？
默认参数和 Rest 参数是两个功能强大的特性，可以提高我们编写 JavaScript 函数的效率和可读性。但是，我们需要在正确的场景下使用这些特性，避免出现错误。
默认参数适用于当我们想要定义一个函数时，可以避免在函数体内判断传入参数是否为 undefined，从而简化函数的逻辑。
Rest 参数适用于当我们想要接收不定数量的参数时，从而避免重复定义类似 arguments 对象的代码。
总结
在 ES2015 中，我们可以使用默认参数和 Rest 参数两个新特性来编写更加简洁、易读的 JavaScript 代码。然而，当我们混合使用这两个特性时，必须要遵循一些基本规则，以避免出现意外的错误。
希望本篇文章能够对读者有所帮助，如果你在编写 JavaScript 函数时遇到任何问题，可以参考这个解决方案，以更好地使用默认参数和 Rest 参数，并提高代码的效率和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f0810af6b2d6eab3a8afc3