ES6_02_变量的解构赋值

变量的解构赋值：

# ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。

 

1. 理解:
* 从对象或数组中提取数据, 并赋值给变量(多个)
2. 对象的解构赋值
let {n, a} = {n:'tom', a:12}
3. 数组的解构赋值
let [a,b] = [1, 'atguigu'];
4. 用途
* 给多个形参赋值

举例：

// 1.对象的解构赋值

let obj = {username: 'kobe' , age:39}
//let username = obj.username;
//let age = obj.age;

let {username, age} = obj;

//不需要的值可以不打印
console.log(username, age);

 

// 2.数组的解构赋值

let arr = [1,3,5,'abc',true];

//如果是空的如[ , , c ,d ],输出的是：5，'abc',
let [a,b ,c ,d,e] = arr;
console.log(a,b);

 

//3.给多个形参赋值

function foo (obj){
console.log(obj.username ,obj.age);
} 
foo(obj);

or

function foo ({ username, age }) { //{username, age}=obj
console.log(obj.username ,obj.age);
} 
foo(obj);