对象解构赋值

解构可以用于对象

xxxxxxxxxx
let {name,age} = {name:"iwen",age:20};

温馨提示

对象的属性没有次序，变量必须与属性同名，才能取到正确的值

xxxxxxxxxx
let {age,name} = {name:"iwen",age:20};
age // 20

xxxxxxxxxx
let {sex,age,name} = {name:"iwen",age:20};
sex // undefined

对象的解构赋值，可以很方便地将现有对象的方法，赋值到某个变量

xxxxxxxxxx
let { random,floor } = Math;
let { log } = console;

注意事项，如果要将一个已经声明的变量用于解构赋值，必须非常小心

xxxxxxxxxx
let hello = "Hello";
let { hello } = {hello:"hello"}; // 报错

let hello = "Hello";
({ hello } = {hello:"hello"}); // 正确

实时效果反馈

1. 下列对象解构赋值的代码，输出结果是多少：

xxxxxxxxxx
let hello = "Hello";
let { hello } = {hello:"hello"}; 
console.log(hello);

A hello

B Hello

C 报错

D undefined

答案

1=>C