在 ECMAScript 2021 中，新增了默认参数的特性，这个特性可以让我们在函数定义时，给参数设置默认值。这个特性的引入，可以让我们更加方便的编写函数，并且减少了代码冗余。在本文中，我们将详细介绍 ECMAScript 2021 中默认参数的使用方法和注意事项。
默认参数的使用方法
在 ECMAScript 2021 中，我们可以在函数定义时，为参数设置默认值。例如：
function hello(name = 'world') {
console.log(`Hello, ${name}!`);
}在上面的代码中，我们为 name 参数设置了默认值 'world'。这意味着，如果我们在调用 hello 函数时不传递任何参数，那么 name 参数将会默认为 'world'。例如：
// 输出：Hello, world!
hello();
// 输出：Hello, Alice!
hello('Alice');在上面的代码中，第一次调用 hello 函数时，我们没有传递任何参数，因此 name 参数使用了默认值 'world'。而第二次调用 hello 函数时，我们传递了一个参数 'Alice'，因此 name 参数的值为 'Alice'。
除了像上面那样直接在函数定义时为参数设置默认值以外，我们还可以使用条件表达式或者函数调用来为参数设置默认值。例如：
function add(a, b = a + 1, c = b + 1) {
return a + b + c;
}
console.log(add(1)); // 输出：6
console.log(add(1, 2)); // 输出：6
console.log(add(1, 2, 3)); // 输出：6在上面的代码中，我们为 b 参数设置了默认值为 a + 1，而为 c 参数设置了默认值为 b + 1。这意味着，如果我们在调用 add 函数时只传递了一个参数 a，那么 b 参数将会默认为 a + 1，c 参数将会默认为 b + 1。
默认参数的注意事项
在使用默认参数时，需要注意以下几点：
默认参数只能在参数列表的末尾
在 ECMAScript 2021 中，只有参数列表的末尾才能使用默认参数。这意味着，如果我们在参数列表中间使用默认参数，那么会导致语法错误。例如：
// 错误的写法
function add(a = 1, b, c = 2) {
return a + b + c;
}在上面的代码中，我们在参数列表中间使用了默认参数，这是不允许的。
默认参数的值是惰性求值的
在 ECMAScript 2021 中，如果我们为参数设置了默认值，那么默认值是惰性求值的。这意味着，如果我们在调用函数时不传递任何参数，那么默认值才会被求值。例如：
-- -------------------- ---- ------- --- - - -- -------- ----- - -- - --------------- - ------ -- ---- - - -- ------ -- ----
在上面的代码中，我们为 y 参数设置了默认值为 x。当我们第一次调用 foo 函数时，x 的值为 0，因此 y 的值也为 0。而当我们第二次调用 foo 函数时，x 的值为 1，因此 y 的值也为 1。
默认参数不会影响 arguments 对象
在 ECMAScript 2021 中，如果我们为参数设置了默认值，那么这个默认值不会出现在 arguments 对象中。例如：
function foo(x = 1, y = 2) {
console.log(arguments);
}
foo(); // 输出：Arguments(0) {}
foo(3); // 输出：Arguments(1) {0: 3}
foo(3, 4); // 输出：Arguments(2) {0: 3, 1: 4}在上面的代码中，我们在 foo 函数中使用了默认参数。但是在函数体内，我们使用了 arguments 对象来获取函数的参数。可以看到，当我们不传递任何参数时，arguments 对象的长度为 0，没有任何参数。而当我们传递一个参数 3 时，arguments 对象的长度为 1，只有一个参数 3，没有默认参数。
总结
在 ECMAScript 2021 中，新增了默认参数的特性，这个特性可以让我们在函数定义时，给参数设置默认值。在使用默认参数时，需要注意默认参数只能在参数列表的末尾，默认参数的值是惰性求值的，而且默认参数不会影响 arguments 对象。通过合理使用默认参数，我们可以更加方便地编写函数，并减少代码冗余。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c9f439add4f0e0ff3d05b9