ES6：解构赋值例子

最新推荐文章于 2022-03-09 15:32:19 发布

原创最新推荐文章于 2022-03-09 15:32:19 发布 · 246 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

3 篇文章

订阅专栏

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

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);