随着 ECMAScript 的不断更新，JavaScript 语言的功能越来越强大。其中，ECMAScript 2017 （ES8） 中新增了默认参数（default parameters）这个重要的特性，它可以极大地简化函数的编写过程。
在本文中，我们将详细讲解默认参数的使用方法及注意事项，并通过实例代码来帮助您更好地理解和应用它。
什么是默认参数
默认参数是一种函数定义方式，它允许在不传递参数时设置参数的默认值。在 ES6 中，我们实现默认参数时通常使用如下方式：
function multiply(a, b=1) {
return a * b;
}这里，函数 multiply 接受两个参数 a 和 b，其中 b 的默认值为 1。如果我们只传递一个参数给该函数，它将自动使用默认值，如下所示：
multiply(5); // 5
这里，multiply(5) 返回值为 5，因为在这种情况下 b 的默认值被调用。
默认参数的使用方法
在 ES8 中，我们可以使用以下两种方法声明默认参数：
方法一：在函数参数列表中直接声明
可以直接在函数的参数列表中声明参数默认值。例如：
function multiply(a, b=1) {
return a * b;
}当我们调用 multiply 函数时，如果没有传递第二个参数 b，则 b 将使用默认值 1。
方法二：使用对象解构
我们还可以使用对象解构来设置默认值。例如：
function greet ({ name = 'World' } = {}) {
console.log(`Hello, ${name}!`);
}这里我们使用了 ES6 的对象解构，将传递给 greet 函数的参数对象 { name } 解构为单独的变量 name，并给它设置了一个默认值 'World'。如果我们不传递参数，则使用 {} = {} 默认值设置一个空的参数对象。
注意事项
了解了默认参数的使用方法后，我们来看一下几个需要注意的点。
1. 默认值必须在参数列表的末尾
在函数参数列表中，使用默认参数时，我们必须将它们放在参数列表的末尾。例如：
// 正确使用方式
function func(a, b=2, c=3) { }
// 错误使用方式
function func(a=1, b=2, c) { }2. 默认值的作用域
默认值的作用域只在函数内部有效。例如：
let x = 10;
function foo(a = x) {
let x = 5;
console.log(a);
}
foo(); // 10这里虽然在调用 foo 时没有传递参数，但是 a 的默认值为 x，它在函数内部得到了 10 的值，而不是函数内部的 let x = 5; 的值。
3. 参数表达式只会被执行一次
当使用表达式作为参数的默认值时，表达式的值只会在函数调用时被计算一次。例如：
function foo(a = Math.random()) {
console.log(a);
}
foo(); // 0.568831709193723
foo(); // 0.16808608811941348（不再是 0.568831709193723）这里，在第一次调用 foo 时，表达式 Math.random() 得到了一个随机数，而在第二次调用 foo 时，表达式不再被计算。
示例代码
下面是一些示例代码，演示了默认参数的使用。
-- -------------------- ---- ------- -- --------- -------- ------ - - -- - ------ - - -- - -------------------- -- -- - ------------------ ---- -- -- - -- -------- -------- ------ ---- - ------- - - --- - ------------------- ----------- - ------- -- -- ------ ------ ------ ----- ------- --- -- -- ------ ------ -- ----------- --- - - --- -------- ----- - -- - --- - - -- --------------- - ------ -- -- --
总结
通过本文的介绍，我们了解了 ECMAScript 2017 中的默认参数的使用方法及注意事项。这个特性可以让我们更简洁、优雅地编写函数，提高代码的可读性和可维护性。我们在编写 JavaScript 函数时，建议合理地使用默认参数，以便简化代码逻辑和减少错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64858cb148841e9894457eac