javascript ES6之对象解构

前言

在和师傅交流的过程中得知了javascript中有一个比较神奇的操作——对象解构。一开始看到代码和console我是一脸懵的，但通过仔细分析才对其中缘由有了初步的了解，特此记录下来，方便查阅，也分享给大家。

---

例子一

var {
   
   a} ={
    a: 1,
    b: 2
}

执行结果：

例子二

var {
   
   a, d=1} ={
    a: 1,
    b: 2
}

例子三

var {
   
   a, b:{c}, d} = {
    a: 1,
    b: {c: 1},
    d: 2
}
//解构是按照相对路径去查找源对象。在对象中b的值其实是一个对象{c：1}，这对应了父对象的b：{c}，所以会输出c=1

例子四

var {
   
   a, b, b:{c}, d} = {
    a: 1,
    b: {c: 1},
    d: 2
}

---

Reference

1. 《深入浅出ES6（六）：解构 Destructuring》
2. 2.