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