如何在 JavaScript 中让代码更加精简
答案是使用 JavaScript 对象解构来节省代码,JavaScript 对象解构赋值在项目开发中是一个常用的技能。
先来看一个 article
对象,有两个属性 title
和 description
。
复制代码
在 ES6 之前,需要将对象的属性赋值给变量时,通常是这样做:
复制代码
但是 ES6 引入了对象解构语法,它提供了另一种将对象属性赋值给变量的方法:
复制代码
上述代码将属性 title
和 description
属性赋值给变量 title
和 desc
。
语法说明: 冒号 (
:
) 之前的标识符是对象的属性,冒号之后的标识符是新定义的变量。
对象解构示例 {}
解构空对象
使用 OR
运算符 ||
为空对象定义默认值,在对象为 null
的情况下定义一个默认值空对象 {}
。
复制代码
嵌套对象解构
直接看下面代码:
复制代码
注意:对象解构默认将对象的属性分配给具有相同名称的变量。
版权声明: 本文为 InfoQ 作者【devpoint】的原创文章。
原文链接:【http://xie.infoq.cn/article/39e5f6ac5ea955ac8a695665d】。
本文遵守【CC-BY 4.0】协议,转载请保留原文出处及本版权声明。
评论