解构 Destructuring

• 解构允许你使用模式匹配绑定变量，这适用于数组和对象。
• 解构如果失败 和 对象使用 foo['bar']查找的结果很相似，如果找不到，值是undefined 还可以设置默认值
• 所谓模式匹配，就是 解构要长的相似

数组匹配

var [a, b] = [1, 2, 3]
console.log(a, b);// 1 2
// 比如二位数组 可以方便的拿到对应的值
let list = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
var [[a], [b], [c]] = list;//我这里换成了var 是因为 上面已经使用了ab用let会报错 使用var声明覆盖了上面的变量
console.log(a, b, c);//1 4 7

对象匹配

• 对象匹配

var obj = {
  name: "xiaoming",
  borther: {
    sisiter: 'Aima'
  },
  cheers: 'yijiaren'
}
var { name: d, borther: { sisiter: e }, cheers: f } = obj
console.log(d, e, f);//xiaoming Aima yijiaren

• 对象匹配简写模式

var { name,borther,cheers } = obj;
console.log(name,borther,cheers);//xiaoming { sisiter: 'Aima' } yijiaren

作为参数参数使用

function sayHello({name:x}) {
  console.log(`hello , nice to see you ${x}`);
}

sayHello({name:'xiaohong'});//hello , nice to see you xiaohong

默认值设置

• 如果未取到值 使用undefined
• 可以设置默认值替代undefined

var [a] = [];
console.log(a);//undefined

// 如果没有获取值  给一个默认值
var [a = 1] = [];
console.log(a);//1

解构和默认参数

function r({x,y,w=10,h=10}) {
  console.log (x + y + w + h);
}
r({x:1,y:2});//23