Vue.js从入门到精通
上QQ阅读APP看书,第一时间看更新

2.4.1 对象解构

对象解构的语法格式是将对象中的属性名组成一个对象字面量,并放在赋值操作符的左边。示例代码如下:

上述代码中,person.name的值保存在name变量中,person.sex的值保存在sex变量中,person.age的值保存在age变量中。

为对象进行解构赋值,还可以先声明变量,之后使用解构语法为变量赋值,这时需要将整个解构赋值语句使用小括号包含起来。例如,将上述代码修改为先声明变量后赋值的形式,代码如下:

说明

JavaScript会将一对开放的大括号作为一个代码块,而代码块不能出现在赋值语句的左侧,将解构赋值语句使用小括号包含起来后,整个语句会转化为一个表达式,从而实现解构赋值的操作。