在 JavaScript 中，函数参数是非常重要的。默认函数参数是 ES6 中引入的一个新特性，它允许我们在定义函数时为参数设置默认值。在 ES9 中，这个特性得到了进一步的扩展，让我们来看一下如何在 ES9 中使用默认函数参数。
什么是默认函数参数？
默认函数参数是指在定义函数时，为参数设置默认值。如果调用函数时没有传递参数，那么函数将使用默认值作为参数。如果传递了参数，则函数将使用传递的参数值。
在 ES6 中，我们可以这样定义一个带有默认参数的函数：
function greet(name = 'world') {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, world!
greet('John'); // 输出：Hello, John!在 ES9 中，我们可以使用更加灵活的方法来定义默认函数参数。
在 ES9 中，我们可以使用对象解构和默认值语法来定义默认函数参数。例如：
function greet({ name = 'world' } = {}) {
console.log(`Hello, ${name}!`);
}
greet(); // 输出：Hello, world!
greet({ name: 'John' }); // 输出：Hello, John!这个例子中，我们使用了对象解构和默认值语法来定义了一个名为 name 的参数，并将其默认值设置为 'world'。我们还使用了一个默认参数 {}，以确保在没有传递参数时函数不会抛出错误。
深入理解默认函数参数
在使用默认函数参数时，有一些需要注意的地方。首先，当我们使用对象解构和默认值语法时，我们必须使用一个默认参数对象来避免函数抛出错误。例如：
function greet({ name = 'world' }) {
console.log(`Hello, ${name}!`);
}
greet(); // 抛出错误：Cannot destructure property 'name' of 'undefined' or 'null'.在这个例子中，由于我们没有使用默认参数对象，当我们调用 greet() 时函数会抛出错误。因此，我们必须使用一个默认参数对象来确保函数能够正常工作。
另外，当我们使用默认函数参数时，我们需要注意参数的顺序。默认参数应该放在最后，这样我们就可以省略任何中间参数而仍然使用默认值。例如：
function greet(message, { name = 'world' } = {}) {
console.log(`${message}, ${name}!`);
}
greet('Hello'); // 输出：Hello, world!
greet('Hi', { name: 'John' }); // 输出：Hi, John!在这个例子中，我们定义了一个名为 message 的参数和一个对象解构参数 { name = 'world' }。我们将默认参数对象放在了最后，这样我们就可以省略任何中间参数而仍然使用默认值。
示例代码
-- -------------------- ---- ------- -- -------- -------- ------- ---- - ------- - - --- - ------------------- ----------- - -------- -- --------- ------ ------- ----- ------ --- -- --------- ----- -- ------ -------- -------------- - ---- - ------- - - --- - ------------------------ ----------- - --------------- -- --------- ------ ----------- - ----- ------ --- -- ------ -----
结论
在 ES9 中使用默认函数参数是一个非常方便的特性，它可以让我们更加轻松地定义函数，并提高代码的可读性和可维护性。当我们使用默认函数参数时，需要注意参数顺序和使用默认参数对象来避免函数抛出错误。希望本文对你有所帮助，让你更好地掌握默认函数参数的使用方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675537a21b963fe9cc52e1a0