码迷,mamicode.com
首页 > 其他好文 > 详细

九.对象解构

时间:2019-11-25 11:20:23      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:嵌套   解构   赋值   技术   需要   mic   不能   假设   define   

技术图片

 

 

当我们要得到Tom对象的属性的时候,

es5写法:

const name = Tom.name
const age = Tom.age
const ..... console.log(name,age); // Tom Jones 25

  

es6写法:

const { name, age} = Tom;

console.log( name );    // Tom Jones
console.log( age );       // 25

  

需要注意的是: 在次之前是不能声明同名变量的,如果要提前声明 需要这样做

let name ;
({ name, age } = Tom);

console.log(name);
console.log(age);

  

es6对象解构中,可以嵌套

const { father, mother, brother } = Tom.family;

console.log( father );
console.log( mother );
console.log( brother );


// 假设 father这个变量已经被使用过了,那我们需要赋值一个新变量
const father = ‘Dad‘;
const { father: f, mother, brother } = Tom.family;

console.log(father);  //father is not defined
console.log(f);     // Richard Jones
console.log(mother);  // Norah Jones
console.log(brother);  //Howard Jones

  

 

九.对象解构

标签:嵌套   解构   赋值   技术   需要   mic   不能   假设   define   

原文地址:https://www.cnblogs.com/wangRong-smile/p/11926324.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!