【ES6】嵌套对象解构-多次解构

最新推荐文章于 2026-01-07 19:01:25 发布

原创最新推荐文章于 2026-01-07 19:01:25 发布 · 225 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

本文介绍了如何在JavaScript中使用对象字面量和属性重命名，展示了如何给`node`对象的`basicInfo`中的属性赋予默认值，以及访问新命名后的属性和未定义属性时的行为。

let node = {
    personalInfo: {
        basicInfo: {
            name: 'mike',
            age: 25
        }
    },
    level: 3
};
// 属性重命名+默认值
let { personalInfo: { basicInfo: { name, age: myAge, country:nation='china' } } } = node;
console.log(name);// 'mike'
console.log(age);// Error: age is not defined
console.log(myAge);// 25
console.log(country);// Error: country is not defined
console.log(nation);// 'china'