借助 ECMAScript 2019 中的可选参数语法，让函数调用更加灵活

ECMAScript 2019 可选参数语法介绍

借助 ECMAScript 2019 中的可选参数语法，让函数调用更加灵活。

可选参数语法有助于我们编写更好的代码，可以扩展函数参数列表，同时可以使代码更清晰和更易读。

ECMAScript 2019 可选参数的语法格式为：

function funcName(param1, param2 = defaultValue) {
    // Function body goes here
}

在这个语法格式中，param1 是普通参数，必须传入参数值，而 param2 是可选参数，如果没有传入参数会使用默认值 defaultValue。

如下是一个实际例子：

function showTotal(amount, percentage = 0.05) {
    const total = amount + (amount * percentage);
    console.log(`Order total is ${total}.`);
}

// 使用函数 showTotal
showTotal(100); // 输出 "Order total is 105"
showTotal(100, 0.1); // 输出 "Order total is 110"

在这个例子中， amount 是必须提供的，而 percentage 是可选参数。如果我们未指定 percentage，它将默认为 0.05。

可选参数语法不仅可以用于函数声明中，还可以用于函数表达式中：

const showTotal = function(amount, percentage = 0.05) {
    const total = amount + (amount * percentage);
    console.log(`Order total is ${total}.`);
};

当我们使用可选参数语法时，需要记住一些规则：

• 如果函数调用中未提供参数的值，则会使用默认值。
• 如果函数调用中提供了参数的值，则会覆盖默认值。

可选参数语法可以使我们编写更简洁，更易读的代码，同时使我们的代码更加灵活。它还可以减少必须写重载函数的情况。

总结 

在 ECMAScript 2019 中，可选参数语法是一个很好的特性。这个特性可以使我们编写更加灵活和简洁的函数，并且减少重载函数的必要性。当我们使用可选参数语法时，必须记住提供默认值，以便使代码更加可读。

参考  示例代码

// 使用可选参数的函数
function showMessage(firstName, lastName = 'Doe') {
  console.log(`Hello ${firstName} ${lastName}`);
}

// 函数调用
showMessage('John'); // 输出 "Hello John Doe"
showMessage('Jane', 'Smith'); // 输出 "Hello Jane Smith"

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e65e7af6b2d6eab31c9462