在 ES7 中，我们可以使用函数参数默认值来为函数的参数提供默认值。这个特性可以让我们的代码更加简洁高效，同时也可以避免一些常见的错误。
为什么需要函数参数默认值？
在 JavaScript 中，函数的参数是可选的。如果我们不传递参数，那么该参数的值将是 undefined。有些时候，我们希望在函数定义时为参数提供默认值，这样在调用函数时如果没有传递参数，该参数的值就会是默认值。
在 ES6 之前，我们通常使用类似下面的代码来为函数参数提供默认值：
-------- ------ -- - - - - -- -- - - - -- -- -- --- -
这种方式存在一些问题。首先，它不能处理传递了一个 falsy 值（比如 0、''、null、undefined、false）的情况。其次，如果我们想要为第二个参数提供默认值，那么我们需要写出类似下面的代码：
-------- ------ -- - - - - -- -- - - ------ - --- ----------- - - - -- -- --- -
这种方式非常繁琐，而且容易出错。因此，ES6 引入了函数参数默认值的特性。
函数参数默认值的语法
函数参数默认值的语法非常简单。我们只需要在函数参数的后面加上一个等号和默认值即可。例如：
-------- ----- - -- - - -- - -- --- -
在这个例子中，如果我们没有传递任何参数，那么 x 和 y 的值都将是 0。
函数参数默认值的注意事项
在使用函数参数默认值时，我们需要注意一些细节。
默认值表达式只会在必要时才会被求值
函数参数默认值的一个重要特点是，默认值表达式只会在必要时才会被求值。例如：
-------- ----- - ----------- - -- --- - ------ -- --------- ------ -- ---------
在这个例子中，我们定义了一个带有默认值的参数 x。默认值表达式是 Date.now()。当我们第一次调用 foo() 时，Date.now() 被求值。当我们第二次调用 foo() 时，Date.now() 不会被求值，因为 x 已经有了一个值。
默认值表达式可以引用前面的参数
在函数参数默认值中，我们可以引用前面的参数。例如：
-------- ------ - - -- - -- --- -
在这个例子中，如果我们没有传递第二个参数，那么 y 的值将是第一个参数的值。
默认值表达式的作用域与函数的作用域相同
默认值表达式的作用域与函数的作用域相同。例如：
--- - - -- -------- ----- - -- - --------------- - ------ -- - - - -- ------ -- -
在这个例子中，我们定义了一个变量 x，并将其赋值为 1。然后，我们定义了一个带有默认值的参数 y，默认值表达式是 x。当我们第一次调用 foo() 时，y 的值是 1。然后，我们将 x 的值改为 2，并再次调用 foo()。这次，y 的值是 2。
默认值表达式可以引用函数的其他变量
默认值表达式可以引用函数的其他变量。例如：
-------- ------ - - - - -- - -------------- --- - ------- -- -- -
在这个例子中，我们定义了一个带有默认值的参数 y，默认值表达式是 x + 1。当我们调用 foo(1) 时，x 的值是 1，y 的值是 2。
函数参数默认值的示例代码
下面是一些使用函数参数默认值的示例代码。
示例 1：为参数提供默认值
-------- ----- - -- - - -- - -------------- --- - ------ -- -- - ------- -- -- - ------ --- -- -- -
在这个例子中，我们定义了一个带有默认值的参数 x 和 y。当我们调用 foo() 时，x 和 y 的值都是 0。当我们调用 foo(1) 时，x 的值是 1，y 的值是 0。当我们调用 foo(1, 2) 时，x 的值是 1，y 的值是 2。
示例 2：引用前面的参数
-------- ------ - - - - -- - -------------- --- - ------- -- -- -
在这个例子中，我们定义了一个带有默认值的参数 y，默认值表达式是 x + 1。当我们调用 foo(1) 时，x 的值是 1，y 的值是 2。
示例 3：引用函数的其他变量
-------- ------ - - - - -- - --- - - - - -- -------------- -- --- - ------- -- -- -- -
在这个例子中，我们定义了一个带有默认值的参数 y，默认值表达式是 x + 1。我们还定义了一个变量 z，它的值是 x + y。当我们调用 foo(1) 时，x 的值是 1，y 的值是 2，z 的值是 3。
总结
函数参数默认值是 ES7 中引入的一个非常有用的特性。它可以让我们的代码更加简洁高效，同时也可以避免一些常见的错误。在使用函数参数默认值时，我们需要注意一些细节，例如默认值表达式只会在必要时才会被求值，默认值表达式可以引用前面的参数，以及默认值表达式的作用域与函数的作用域相同。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65e2e1001886fbafa4f6ffae