ES6之解构赋值

解构赋值

 

1、基本用法

?

1 2 3 4 5 6 7 8

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

 

2、...表示剩余参数

?

1 2 3 4 5 6 7 8 9

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 };