解构赋值的笔记

ES6解构赋值

什么是解构赋值？从数组或对象中提取中的值进行一一对应情况我们叫做解构赋值

一数组的解构赋值

let arr = [4, 6, 8, 9]
let [name1, name2, name3, name4] = arr//把上面的数组赋给
console.log(name1);
我们进行打印num1的结果是4
也可以直接写
let [name1, name2, name3, name4] = [4, 6, 8, 9]

二对象的解构赋值

根据上面的数据解构赋值我们得到对象的解构赋值

 let obj = {
  name: 'wagnyi',
  age: 30,
  job: 'ceo',
  work: function () { console.log('吃饭') }
}
let { obj1, obj2, obj3, obj4, work } = obj
console.log(obj2);
console.log(work);
我们进行打印结果是确是undefined

这是为什么呢，打印obj2得到的是undefined,打印work确实可以得到我们写的函数呢？
那我们改成属性名可以获取到嘛？试下

let obj = {
  name: 'wagnyi',
  age: 30,
  job: 'ceo',
  work: function () { console.log('吃饭') }
}
let { name, age, job, obj4, work } = obj
console.log(age);
console.log(work);

这样可以打印到，思考一番感悟数组数有下标的所以对应是可以找到的，
对象没有下标我们通过属性名进行查找

设置别名 把work,的别名设置成job5

一样可以打印到

三交换变量

应用场景变量交换可以得到 x = 8 y = 5
总结
在es6我们通过{ }来产生作用域。 在if {} for(){},我们使用了 let相当于形成了块级作用域。我们单独的 let a = {} 我们只是声明了个对象。