ES6：解构赋值例子

柒月小姐姐

于 2020-11-18 16:06:07 发布

阅读量222

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_41401025/article/details/109215151

js 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了JavaScript中的起别名、this的相关内容以及嵌套对象的解构赋值。起别名可方便代码使用，this在不同场景指向不同，嵌套对象解构赋值能高效提取对象属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.起别名

data.forEach(
        ({ resourceAccessInfoCountVoList: list }, index) => {
             if (list && list.length) {}
		}
);

2.关于this

let { name,age,sex } = this;   // 只能获取，不能进行操作(赋值)，因为是值的赋值

3.嵌套对象的解构赋值

const obj = {
    person: {
        youngPeople: {
            name: "luoting",
            age: 18
        },
        oldPeople: {
            name: "wangchen",
            age: 28
        }
    }
};
const { person, person: { youngPeople: { name }, oldPeople: { age }}} = obj;
// 这里的第二个person是匹配的模式，不是变量，因此不会被赋值。
console.warn(person, name, age);