JavaScript 是一种动态类型语言，参数是函数定义和调用的重要组成部分。ES6 引入了新的语法特性，包括参数默认值和不定参数的声明，这些特性让函数定义和调用更加灵活和简洁。在本文中，我们将深入探讨 ES6 中的参数默认值和不定参数，并提供一些实用的例子和指导意义。
参数默认值
在 ES6 之前，我们常常通过 if 语句或三元表达式来给参数提供默认值。ES6 引入了更加简洁的语法，让我们可以在函数定义中直接声明参数的默认值。例如：
function multiply(a, b = 1) {
return a * b;
}
multiply(5); // 5
multiply(5, 2); // 10在上面的例子中，如果 b 没有传入任何值，那么它的默认值将是 1。这个默认值仅在 b 未被传入值或明确地传入 undefined 时生效，如果传入的值不是 undefined，那么默认值将被覆盖。例如：
function greet(name = 'Anonymous', message = 'Hello') {
console.log(`${message}, ${name}!`);
}
greet(); // "Hello, Anonymous!"
greet('Alice', 'Hi'); // "Hi, Alice!"
greet(undefined, 'Hi'); // "Hi, Anonymous!"
greet(null, 'Hi'); // null, "Hi!"在上面的例子中，我们声明了两个带有默认值的参数，在函数的第一行中，我们可以看到对这些参数的默认值是如何生效的。在第四个调用中给出的第一个参数是 null，这意味着它有一个值（即 null），因此它将覆盖默认值。
可以使用任何可运算的 JavaScript 表达式作为参数默认值，例如：
function getTime(stamp = Date.now()) {
return new Date(stamp);
}
getTime(); // 当前时间
getTime(0); // Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)不定参数
不定参数允许我们定义一个能够接收任意数量参数的函数，只需要在参数前加上 ...。这个参数将会被转换为一个数组，我们就可以像操作普通数组一样操作它。例如：
function sum(...args) {
return args.reduce((a, b) => a + b, 0);
}
sum(1, 2, 3); // 6
sum(4, 5, 6, 7, 8); // 30在上面的例子中，我们定义了一个 sum 函数并使用了不定参数语法。这个函数可以接收任意数量的参数，并在函数体内将它们相加。args 是由所有传入的参数组成的数组。
我们也可以使用不定参数来传递数组的元素作为单独的参数到函数中，例如：
function multiply(a, b, c) {
return a * b * c;
}
const nums = [1, 2, 3];
multiply(...nums); // 6在上面的例子中，我们将 multiply 函数定义为接受三个参数，我们现在想使用数组中的元素来这三个参数执行函数。使用 spread 运算符 ...，我们可以将数组元素传递给函数，作为单独参数的值。
指导意义
参数默认值和不定参数提供了更加灵活而且可读性更好的函数定义方式。默认参数的语法更改我们在函数中处理默认值的方式，不再需要使用冗长的条件判断，而不定参数语法允许我们能够轻松地处理任意数量的参数方便地操作它们。
在实践中，参数默认值和不定参数通常和其他 ES6+ 功能结合使用，例如箭头函数和对象展开运算符。它们使编写和使用 JavaScript 函数变得更加方便和强大。
总结一下，ES6 中的参数默认值和不定参数是一个非常有用的语言功能，它可以帮助我们避免冗长的 if 语句，轻松地处理任意数量的参数，并改进了我们的代码可读性和可用性。通过深入学习和掌握这些语言特性，我们可以编写更加简洁，优雅和可维护的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65446e067d4982a6ebe4d4bd