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

上一篇:react源码解析7.Fiber架构


下一篇:记校赛第一题