十四. ES6-变量解构赋值

1. 什么是“变量解构赋值”？

ES6云秀安好一定模式从数组和对象中提取值，对变量进行赋值。这就被称为解构赋值

（1）数组

// 数组变量解构赋值
const a = ['齐','天','大','圣']
const [b,c,d,e] = a;
console.log(a)
console.log(b)
console.log(c)
console.log(d)

（2）对象

const a = {
    name: '小明',
    age: 18,
    commit(){
        console.log("八嘎~")
    }
}
const {commit} = a;
const {name} = a;
console.log(name);
commit();

控制台打印：
小名
八嘎~

2. 实战举例

尚硅谷课程——商品汇19集

const actions = {
    // async categoryList({commit}){
    //     let result = await reqCategoryList();
    //     if(result.code == 200) {
    //         commit("CATEGORYLIST",result.data)
    //     }
    // }
    async categoryList(context){
        let result = await reqCategoryList();
        if(result.code == 200) {
            context.commit("CATEGORYLIST",result.data)
        }
    }
}

前后注释了的代码和没注释的代码是一个意思
Actions环节的第一个参数是一个迷你型的store对象，里面有个方法——commit