ES6之解构赋值

解构赋值

 

1、基本用法

let obj = {
    num: 1,
    color: 'red'  
}
// 解构对象(即在全局中作用域let num = obj.num)
let {num,  color} = obj;
obj.num = 2;
console.log(num);     //  2,因为解构赋值是浅拷贝

 

2、...表示剩余参数

let obj = {
    desc: 'none',
    color: 'red',
    num: 111  
}

// 可以使用...语法来代替剩余的多个参数
let {num, ...args} = obj;
console.log(num, args);     // 111    {desc: 'none', color: 'red'}

　　

3、逆运用

let {...args} = obj;

let newObj = { ...args };