对象 (object) 解构

1、定义一个普通对象

let objectData = { Uname: '李清照', age: '20', interest: { writeCode: '写代码', readBook: '看书' }, introduce: function() { console.log(`我叫${Uname}，今年${age}。喜欢${writeCode}和${readBook}。`); } }; 

2、解构重命名

// Uname: newUname 的意思是: 取到 Uname 的属性值， // 冒号后面的变量名没有花括号， // 如果有花括号则可以继续解构。 // 意思是把取到的值交给冒号后面的变量名， // 相当于把 Uname 变量重命名为 newUname let { Uname: newUname, age: newAge, interest: { writeCode: newWriteCode, readBook: newReadBook }, introduce: newIntroduce } = objectData; console.log(newUname); // 李清照 console.log(newAge); // 20 console.log(newWriteCode); // 写代码 console.log(newReadBook); // 看书 newIntroduce(); // 我叫李清照，今年20。喜欢写代码和看书。 

3、直接使用，不需重新命名

let { Uname, age, interest: { writeCode, readBook }, introduce } = objectData; console.log(Uname); // 李清照 console.log(age); // 20 console.log(writeCode); // 写代码 console.log(readBook); // 看书 introduce(); // 我叫李清照，今年20。喜欢写代码和看书。