对象解构

我记得之前看红宝书的时候写过对象解构，怎么说呢，就是存在课本上的知识，带到项目中就脑子一片空白，所以多看看别人的写的代码还是不错的
下面这段代码就是我在项目中看到的

 const {categoryname,category1id,category2id,category3id} = event.target.dataset;

乍一看真熟悉啊，看看意思心里也知道个大概，就是不知道用了哪部分的知识，然后漫长的查资料的过程，慕然回首才发现就是对象解构，看到是对象解构，无语极了，明明以前看过的。。。

下面这段代码是红宝书上的示例代码

let person = {name:'Matt',age:27};
let {name,age} = person;
console.log(name);    //Matt
console.log(age);       //27

对象解构，书上的解释是使用与对象匹配的结构来实现对象属性的赋值，不愧是官方的话。。。
真是哪种情况都能套。以后想快速得到对象身上的属性时就用对象解构吧

然后我又看到这段代码

        //对象字面量  表示query.categoryName=categoryname
       const query = {categoryName:categoryname}
        //对象解构     表示categoryname=event.target.dataset.categoryname
       const {categoryname,category1id,category2id,category3id} = event.target.dataset;

这两段代码放一起比较一下,不能弄混了