ES6 解构赋值 const {a,b,c} = obj

---

前言

在扒拉 vben admin 的时候,看到了以下代码,满脸问号,后来发现还是自己前端语法不过关啊

const { notification, createErrorModal } = useMessage();

这里是 ES6 中的解构赋值,就记录以下以作复习了

---

一、简单的例子

var obj = {
    a: '123',
    b: true,
    c: 20
}

a,b,c 来接收 obj 当中的属性

const a = obj.a;
const b = obj.b;
const c = obj.c;

以上三行代码用 ES6 的解构赋值的话一行搞定
ES6 的简写形式

const{a,b,c} = obj;

二、分析

1.ES6 解构赋值

ES6 允许按照一定的模式,从 数组/对象 当中提取值,然后将提取的值赋值给变量,这种操作就是解构(destructuring)
也可以理解为,当使用 {} 来括住变量的时候,这个变量就是右侧对象的某一属性,或者数组中的某一元素

const { notification, createErrorModal } = useMessage();

// 就相当于

const notification = useMessage().notification;
const createErrorModal } = useMessage().createErrorModal ;