ES6对象的解构赋值

 解构时的变量名为对象中的键：

const obj = { name: 'zs', age: 18 };
const { name } = obj;
console.log(name);  // zs

 可以给一个键声明一个别名：

const obj = { name: 'zs', age: 18 };
const name = 'ls';
const { name } = obj;  // SyntaxError: Identifier 'name' has already been declared
console.log(name);  

// 上述代码name重复声明，可以采用下面的方式再声明一个别名
const obj = { name: 'zs', age: 18 };
const name = 'ls';
const { name: objName } = obj;
console.log(objName);  //  zs

解构时设置默认值，前提是该对象中无此键值对，否则默认值设置不成功：

const obj = { age: 18 };
const { name: objName = 'ls' } = obj
console.log(objName)  // ls

// 下面的代码中对象中已经有name键值对，输出结果还是原来对象中的值

const obj = { name: 'zs', age: 18 };
const { name: objName = 'ls' } = obj;
console.log(objName); // zs

延伸：将log从console中解构：

const { log } = console;
log(1);  // 1
log('abc');  // abc

标签：ES6,obj,name,console,解构,log,const,zs,赋值
来源： https://blog.csdn.net/u010234868/article/details/120748862