在 JavaScript 中，函数是非常常见的一种数据类型。ES6 在函数中加入了默认值设置方法，可以使代码更加简洁和易读。本文将介绍 ES6 中函数默认值设置方法的详细内容。
为什么需要函数默认值？
在 JavaScript 中，函数的参数 是可以省略的，如果在调用函数时没有传入该参数，它将是 undefined。在某些情况下，我们需要为参数指定一个默认值，以便在调用函数时不必每次都传入参数。例如下面的示例：
function add(num1, num2) {
num2 = num2 || 0;
return num1 + num2;
}在这个函数中，如果我们不传入 num2 参数，则 num2 变量的值为 undefined，紧接着使用 || 运算符来将其赋值为 0。
但是这样写有许多缺点：
- num2 参数的默认值为 0，而实际上我们可能希望默认是其他数字或字符串等。
- 如果传入的 num2 参数为 0，|| 运算符将认为 num2 是 undefined，从而赋值错误。
- 这样的写法很冗长，不方便阅读和维护。
为了解决这些问题，我们需要使用 ES6 中的函数默认值设置方法。
默认值设置方法
在 ES6 中，我们可以在函数参数中指定默认值，例如：
function add(num1, num2 = 0) {
return num1 + num2;
}在这个函数中，如果没有传入 num2 参数，则默认 num2 = 0。
任何数据类型，包括数字、字符串、数组、对象等，都可以用来设置默认值：
function multiply(num1, num2 = 1, str = "default", arr = [], obj = {name:"default"}) {
return num1 * num2;
}还可以使用函数返回值作为默认值：
function getNumber() {
return 9;
}
function multiply(num1, num2 = getNumber()) {
return num1 * num2;
}默认值和解构的结合
我们也可以使用解构结合默认值来传参数，使代码更加简洁。例如：
function printPersonInfo({name = "default", age = 0, city = "default"} = {}) {
console.log(`${name} is ${age} years old and lives in ${city}.`);
}
printPersonInfo(); // "default is 0 years old and lives in default."
printPersonInfo({name:"John", age:30}); // "John is 30 years old and lives in default."
printPersonInfo({name:"John", age:30, city:"New York"}); // "John is 30 years old and lives in New York."在这个示例中，printPersonInfo 函数接受一个对象作为参数，并解构出 name、age 和 city 三个属性。如果没有传入参数，则默认参数是空对象{}，同时默认值设置为"name":"default", "age":0, "city":"default"。如果传入参数，则从传入的对象中获取对应值。如果传入的对象缺少属性，则使用默认值。这样的写法不仅简洁，而且自解释性强。
默认值的注意事项
在使用默认值时，需要注意以下几点：
- 默认值设置只能在函数参数的末尾，不能在前面。
- 参数变量是默认声明的，所以不能在同一作用域内再次声明。
- 传入 null 和 undefined 时，将使用默认值。
- 传入空字符串 ""、0、false 等值时，将不会使用默认值，而是使用传入的值。
总结
ES6 中的函数默认值设置方法是一个非常实用的功能，可以使代码更加简洁、易读，提高开发效率。它可以为函数的参数指定默认值，避免因省略参数而导致的错误。我们可以使用任何数据类型来为默认值赋值，也可以结合解构来传参。在使用默认值时应注意一些细节。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/653f0f207d4982a6eb88ff2c