对象字面量是 ECMAScript 中十分常见的对象声明方式，它允许我们创建一个包含属性和方法的对象。在 ECMAScript 2016 中，对象字面量的使用方法有了一些新的特性，本文将从以下几个方面详细介绍它们的使用方法。
属性名和属性值
在对象字面量中，我们可以用花括号来声明一个对象，其中每个属性由一个键值对表示，格式如下：
--- --- - - ----- ------- ----- ------ --
在 ECMAScript 6 中，我们可以使用“计算属性名”来动态生成属性名，例如：
--- --- - ------- --- --- - - ------ ------- --
上述代码等价于：
--- --- - - ----- ------- --
同时，我们可以使用缩写语法来简化代码：
--- - - -- - - -- --- --- - - -- - --
上述代码等价于：
--- --- - - -- -- -- - --
方法
我们可以在对象字面量中声明方法，与属性一样，方法也是一个键值对。例如：
--- --- - -
-------- -
-- ---
-
--这中间不能使用箭头函数的缩写，因为箭头函数不支持 this 绑定。
解构赋值
在 ECMAScript 6 中，我们可以使用对象字面量进行解构赋值，例如：
--- --- - - -- -- -- - -- --- - -- - - - ----
上述代码相当于：
--- - - ------ --- - - ------
Object.assign
在 ECMAScript 6 中，我们可以使用 Object.assign 方法将多个对象合并成一个对象，例如：
--- ---- - - -- - -- --- ---- - - -- - -- --- ---- - ------------------- ------
上述代码中，obj3 中包含了 obj1 和 obj2 的属性，如果 obj1 和 obj2 有同名属性，obj2 的属性会覆盖 obj1 的属性。
展开运算符
在 ECMAScript 6 中，我们可以使用展开运算符来解构对象，例如：
--- --- - - -- -- -- - -- --- - -- ------- - - ----
上述代码中，rest 包含了 obj 除 x 属性以外的所有属性。
展开运算符也可以用来合并对象，例如：
--- ---- - - -- - -- --- ---- - - -- - -- --- ---- - - -------- ------- --
上述代码等价于：
--- ---- - ----------------- ----- ------
总结
通过本文的介绍，我们详细了解了 ECMAScript 2016 对象字面量的使用方法，了解了新的特性和用法。在实际开发中，我们可以根据需求灵活应用这些语法。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65a42f84add4f0e0ffc68580