在 ECMAScript 2016 中使用默认参数
在 ECMAScript 2015/ES6 中引入了许多新的语言特性和功能，其中一个是默认参数。默认参数有助于简化代码和减少不必要的逻辑分支，为函数提供默认值，应对无效参数传递，并且可以提高代码的可读性和可维护性。
语法
默认参数指定了一个函数的默认参数（默认值），当函数被调用时没有指定该参数的值时使用该默认值。
语法如下：
function functionName(parameter1 = defaultValue1, parameter2 = defaultValue2, ...) {
// function body
}示例代码：
function multiply(a, b = 1) {
return a * b;
}
console.log(multiply(5, 2)); // 10
console.log(multiply(5)); // 5在上面的示例中，multiply 函数带有两个参数 a 和 b。参数 b 被初始化为 1。因此，当调用 multiply 并且只传递一个参数时，参数 b 将被使用默认值 1。
多个默认参数的例子：
function sum(a = 0, b = 0, c = 0) {
return a + b + c;
}
console.log(sum()); // 0
console.log(sum(1)); // 1
console.log(sum(1, 2)); // 3
console.log(sum(1, 2, 3)); // 6在上面的示例中，sum 函数有三个参数 a，b 和 c，并且它们都被初始化为 0。因此，当调用 sum 函数并且没有传递参数时，所有参数都将使用默认值 0。
应用场景
默认参数可以应用于很多场景，例如：
- 设置函数参数默认值
- 覆盖 undefined 或 null 值
- 支持可选参数
设置函数参数默认值
默认参数提供了一种简单的方式来初始化函数参数的值，可以使用它来避免出现未定义或 null 的参数值，从而防止代码崩溃。
示例代码：
function greet(name = 'World') {
console.log(`Hello, ${name}`);
}
greet(); // Hello, World
greet('John'); // Hello, John覆盖 undefined 或 null 值
默认参数可以通过覆盖 undefined 或 null 值来避免在函数中出现无效的值。
示例代码：
function isValid(val = null) {
return val !== null;
}
console.log(isValid()); // false
console.log(isValid(undefined)); // false
console.log(isValid(null)); // false
console.log(isValid(0)); // true支持可选参数
默认参数可以用于创建可选参数，这样可以使函数变得更加可读和易于维护。
示例代码：
function displayMessage(title, message = '') {
console.log(`${title}: ${message}`);
}
displayMessage('Error', 'This is an error message.'); // Error: This is an error message.
displayMessage('Warning'); // Warning:需要注意的事项
- 默认参数应该始终声明在函数的参数列表的末尾。
- 如果默认参数是函数中其他参数的值，那么将在运行时计算该值。
null可以作为有效的值传递给默认参数，但undefined将使用该参数的默认值。
总结
默认参数是 ECMAScript 2016 的一个新特性，它能够帮助我们更好地管理函数的参数，避免出现 undefined 或 null 的传递，简化代码，增强可读性和可维护性。在编写 JavaScript 函数时，应该优先考虑使用默认参数，以便实现更高效和可读的代码。
以上就是大体的完整内容，希望本文能够帮助到大家，如果有误之处还请指正。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6455f220968c7c53b0946c60