在 JavaScript 中，对象解构是一种非常常见的操作，它允许我们从一个对象中提取出需要的属性和方法，然后将它们赋值给变量。在 ES6 中，我们可以通过对象解构来快速地获取对象的属性值。但是，在某些情况下，我们可能希望在对象中的属性没有被定义时，给它们一个默认值。在这种情况下，我们可以使用对象解构的默认值。
什么是对象解构的默认值？
对象解构的默认值是一种在对象解构时为属性设置默认值的方法。如果在解构对象时未定义某个属性，那么默认值将被赋给该属性。
在 ES6 中，我们可以使用以下语法来为对象解构设置默认值：
const { prop1 = defaultValue1, prop2 = defaultValue2 } = myObject;在这个例子中，如果 myObject 对象中不存在 prop1 或 prop2 属性，则它们将被赋值为 defaultValue1 或 defaultValue2。
如何在 ES6+ 中使用对象解构的默认值？
在 ES6 中，我们可以使用对象解构的默认值来为对象中的属性设置默认值。以下是一个示例：
// javascriptcn.com 代码示例
const myObject = {
name: 'Mike',
age: 25
};
const { name, age, gender = 'unknown' } = myObject;
console.log(name); // 'Mike'
console.log(age); // 25
console.log(gender); // 'unknown'在这个例子中，我们从 myObject 对象中解构出了 name 和 age 属性，并为 gender 属性设置了默认值为 unknown。由于 myObject 对象中没有 gender 属性，所以 gender 变量的值将被设置为默认值 unknown。
如何在 ES7+ 中使用对象解构的默认值？
在 ES7 中，我们可以使用以下语法来为对象解构设置默认值：
const { prop1: variable1 = defaultValue1, prop2: variable2 = defaultValue2 } = myObject;在这个例子中，如果 myObject 对象中不存在 prop1 或 prop2 属性，则 variable1 或 variable2 将被赋值为 defaultValue1 或 defaultValue2。
以下是一个示例：
// javascriptcn.com 代码示例
const myObject = {
name: 'Mike',
age: 25
};
const { name: myName, age: myAge, gender: myGender = 'unknown' } = myObject;
console.log(myName); // 'Mike'
console.log(myAge); // 25
console.log(myGender); // 'unknown'在这个例子中，我们从 myObject 对象中解构出了 name 和 age 属性，并将它们分别赋值给 myName 和 myAge 变量。我们还为 gender 属性设置了默认值为 unknown。
总结
在 ES6+ 中，我们可以使用对象解构的默认值来为对象中的属性设置默认值。这使得我们可以更加灵活地处理对象中的属性值，从而使我们的代码更加健壮和可靠。
在实际开发中，我们应该充分利用对象解构的默认值来简化代码，并使其更加易读和易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/650e712495b1f8cacd797ca0