JavaScript 解构赋值

解构赋值

解构赋值就是把数据结构分解，然后给变量进行赋值
在ES6中 允许从数组和对象中提取值 按照对应位置 对变量赋值
利用解构赋值 我们可以更加方便的取用对象或者数组中的属性 和方法等等

解构数组

数组解构用中括号包裹，多个变量用逗号隔开
如下所示

let [a,b,c] =[1,2,3]

这就是一个简单的数组解构赋值
我们打印分别abc就会分别得到123

需要注意的是
如果结构不成功，变量跟数值个数不匹配的时候，变量的值为undefined

let [a,b,c,d] =[1,2,3]
d 就是 underfined

解构对象

对象解构用花括号包裹，多个变量用逗号隔开

let person = { name: 'zhangsan', age: 20 }; 
 let { name, age } = person; 
 console.log(name); // 'zhangsan'  
 console.log(age); // 20 
 let {name: myName, age: myAge} = person; // myName myAge 属于别名 
 console.log(myName); // 'zhangsan'  
 console.log(myAge); // 20

这就是一个对象的解构赋值

总结

1. 解构赋值就是把数据结构分解，然后给变量进行赋值
2. 如果结构不成功，变量跟数值个数不匹配的时候，变量的值为undefined
3. 数组解构用中括号包裹，多个变量用逗号隔开，对象解构用花括号包裹，多个变量用逗号隔开
4. 利用解构赋值能够让我们方便的去取对象中的属性跟方法