ECMAScript 2015（ES6）是 JavaScript 的一次重大更新，其中包含了许多新的语言特性，其中字面量对象是其中之一。字面量对象的出现使得 JavaScript 的编码变得更加简单和直观，也增强了代码的可读性和可维护性。下面我们就来深入了解一下 ES6 中的字面量对象。
对象字面量
在 ES6 中，我们可以使用对象字面量来定义一个对象，而不必使用构造函数。对象字面量可以更加直观地表示对象的身份和属性，同样也使得代码更加简洁易懂。下面是一个对象字面量的示例：
const person = {
name: 'Tom',
age: 18,
gender: 'male',
sayName() {
console.log(`My name is ${this.name}`);
}
};可以看到，对象字面量可以直接通过 {} 来创建一个对象，并在其中定义该对象的属性和方法。其中，name、age 和 gender 都是对象的属性，值可以是任何合法的 JavaScript 表达式。sayName 则是该对象的一个方法，方法名称后面是一对小括号和大括号形式的函数体。
需要注意的是，对象字面量的使用方式并不是完全越简单越好的。如果对象属性比较多，建议还是使用构造函数的方式来创建对象，以便于维护和阅读。
解构赋值
在 ES6 中，我们也可以通过解构赋值的方式来创建对象并赋值。解构赋值可以把对象中的属性值赋值给对应的变量，从而使得代码更加简便。下面是一个示例：
-- -------------------- ---- ------- ----- --- - - ------ --------- ------ -------- ----- ---- -- ----- ------- ------ ----- - ---- ------------------- -- ------- -------- ------------------- -- ------- ------- ------------------ -- ------- ----
可以看到，我们通过解构赋值的方式，把 car 对象的 brand、model 和 year 属性值分别赋值给了 brand、model 和 year 三个变量。这种方式可以使得代码更加简洁易懂，也方便了代码的阅读和维护。
需要注意的是，解构赋值的变量名必须与对象属性名相同，否则会赋值失败。
增强的对象字面量
在 ES6 中，我们还可以使用增强的对象字面量语法来创建对象。增强的对象字面量语法增加了一些新的特性，如下面的示例：
-- -------------------- ---- -------
----- ---- - ------
----- --- - ---
----- ------ - -------
----- ------ - -
-----
----
-------
--------- -
--------------- ---- -- ---------------
--
------- -- -- -------------- -- ------ --------- --- - - -- - ---- ------
--可以看到，增强的对象字面量语法使得我们可以更方便地定义对象属性和方法。比如，我们可以使用简写的方式来定义一个属性和方法，而不必使用 name: name 和 sayName: function() {} 的方式。同时，我们还可以使用箭头函数的方式来定义一个方法。
需要注意的是，箭头函数的 this 与普通函数不同，是定义时的上下文环境，而不是调用时。因此，在使用箭头函数定义方法时需谨慎，以免出现意外的错误。
Symbol 类型
在 ES6 中，我们还可以使用 Symbol 类型来表示对象的属性。Symbol 类型是一种原始数据类型，可以用来创建不重复的标识符，避免因为属性名重复而导致的错误。下面是一个示例：
-- -------------------- ---- -------
-- ---- ------ -----
----- -- - ---------
----- ------ - -
----- -------
----- ------
------- -
--------------- -- -- --------------
-
--
-- -- ------ -----
------------------------ -- ------- ------
--------------- -- ------- --- -- -- -----可以看到，我们使用 Symbol 类型的属性名 [id] 来创建了一个新的属性，并设置了该属性的值。同时，我们还使用了对象字面量中的方法定义方式来定义了一个 sayId 方法，该方法用来输出 Symbol 类型的属性。
需要注意的是，Symbol 类型的属性不会出现在 for-in 循环中，也不能通过 Object.keys 和 Object.getOwnPropertyNames 来获取。如果我们需要获取该属性，可以使用 Object.getOwnPropertySymbols 方法来返回一个包含该对象所有 Symbol 类型属性的数组。
总结
字面量对象是 ES6 中的一个重要特性，可以使得代码更加简洁易懂。我们可以通过对象字面量、解构赋值、增强的对象字面量和 Symbol 类型等方式来创建和操作对象。但是需要注意的是，应该根据具体情况来选择使用不同的方式，以便于代码的维护和阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf01b7b5eee0b525680e25