ES12：更方便的默认参数语法
前端开发中，我们经常使用默认参数作为函数的一部分。ES6 中引入了默认参数语法，提供了一种方便的方法来声明默认参数。随着 ES12 的发布，我们又迎来了更加方便的默认参数语法。
ES6 默认参数语法回顾
在 ES6 中，我们可以使用以下代码来声明默认参数：
function greet(name = 'guest') {
console.log(`Hello ${name}!`);
}
greet(); // logs "Hello guest!"
greet('world'); // logs "Hello world!"在这个例子中，我们使用了等号 = 来给参数 name 分配了默认值，即 guest。当 greet() 函数不传任何参数时，name 参数将默认为 guest。
更方便的 ES12 默认参数语法
在 ES12 中，我们可以使用以下代码来声明默认参数，以更加简单的方式操作：
function greet(name = 'guest', message = `Hello`) {
console.log(`${message} ${name}!`);
}
greet(undefined, 'Hi'); // logs "Hi guest!"
greet('world', 'Hi there,'); // logs "Hi there, world!"上述例子中，我们使用 undefined 来覆盖默认参数。由于参数 name 是第一个参数，因此我们可以将其设置为 undefined，而 message 参数则通过给定的值来覆盖默认值。
使用此新默认参数语法的优点之一是，它使我们的代码更加易于阅读和管理，因为我们无需在声明中复制默认值。我们将默认值放在使用它们的函数中，并在必要时进行覆盖。
对于深入学习和理解此语法的开发人员来说，这种方法也有助于减少出错的机会。如果我们的函数需要许多可选参数，复制这些默认值会很麻烦，并使我们的代码难以维护。
结论
ES12中的新默认参数语法提供了一种简单、干净的方式来声明默认值参数。它可以使我们的代码看起来更加明确和易于维护。除此之外，它还提供了一个提高代码质量和防止错误的辅助功能，这些将在大型项目中尤为重要。
希望这篇文章能够帮助更多前端开发人员更加深入、熟练地理解和使用 ES12 默认参数语法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674992f8a1ce00635467821e