1.理解
* 从对象或数组中提取数据 并赋值给变量(多个)
2.对象的解构赋值
* let {n,a} = {n:'tom',a:18}
3.数组的解构赋值
* let [a,b] = [1,'yoona']
4.用途
* 给多个形参赋值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>变量的解构赋值</title>
</head>
<body>
</body>
<script type="text/javascript">
// 对象解构赋值(根据属性来获取赋值)
let obj = {username : 'Yoona', age : 28}
// ES5的时候
let username = obj.username
let age = obj.age
// ES6
let {username, age} = obj
console.log(username,age) // Yoona 28
let {username, xxx} = obj
console.log(username,xxx) // Yoona undefined 所以必须是已有的属性
// 数组解构赋值(根据下标来获取赋值)
let arr = [1,2,3,'Jessica',true]
let [a,b,c,d,e] = arr
console.log(a,b,c,d,e)
let [,,,f,g] = arr
console.log(f,g)// jessica true
function foo({username,age}){
console.log(username,age)
}
foo(obj)
</script>
</html>