4.ES6解构赋值-对象的解构

什么是解构赋值

案例：

  //
  let {a, b} = {a: '11', b: '22'};
  console.log('a == %s, b == %s', a, b); // a == 11, b == 22
  //
  let {aa, bb} = {bb: 'b1', aa: 'a2'}
  console.log('aa == %s, bb == %s', aa, bb); // aa == a2, bb == b1
  //
  let {cc} = {c: 'c1'}
  console.log('cc == %s', cc); //undefined，根据key查找
  //
  let {d: dd} = {d: 'd1'}
  console.log('dd == %s', dd); // dd == d1,根据key赋值，value输出值
  //
  let obj = {first: 'z', last: 's'}
  let {first: f, last: l} = obj;
  console.log('f == %s, l == %s', f, l); // f == z, l == s
  // 默认值
  let {x = 3} = {}
  console.log('x == %s', x); //x == 3
  let {e, g= 3} = {e: 4}
  console.log('e == %s, g == %s', e, g); //e == 4, g == 3
  //
  let {h =3 } = {h:undefined}
  console.log('h == %s', h); // h == 3
  let {i = 3} = {i:null}
  console.log('i == %s', i); //i == null