在 JavaScript 中，对象是一种非常重要的数据结构。对象由键值对组成，其中每个键都有一个唯一的名称，并且可以被用来访问其对应的值。
当定义一个对象键时，有两种方式可以使用：一种是将键用引号括起来，另一种则是直接使用键名而不加引号。
有引号和无引号的区别
使用引号的键被称为字符串键（string key），而不使用引号的键被称为标识符键（identifier key）。看下面的例子：
----- ---- - - ------- ------- ------ -- - ----- ---- - - ----- ------- ---- -- -
这两个对象的键值对都是相同的，只是在定义它们的时候使用了不同的键类型。
在某些情况下，使用字符串键是必须的，例如当键名中包含特殊字符或者键名是 JavaScript 关键字时，如下所示：
----- ---- - - ------------- ------- ------------ ------ -------- --- -
这里的键名包含连字符和关键字 class，如果不用引号将会导致代码出错。
但在绝大多数情况下，使用标识符键是更为方便和清晰的选择。
为什么要使用标识符键
使用标识符键的好处是能够让代码更加简洁和易读。当我们使用字符串键时，需要在键名上加上引号，这会使得代码更加冗长。同时，如果多个键名相同但是只有引号不同，也会增加代码的可读性难度。
除此之外，使用标识符键还能够让 JavaScript 引擎进行一些优化，因为标识符键更接近于变量名，可以直接被解析器作为标识符来处理。而字符串键则需要首先解析为一个字符串，再进行处理。
如何选择合适的键类型
虽然使用标识符键的好处很明显，但并不是所有情况都适合使用标识符键。例如，如果你需要使用数字作为键名，那么你必须使用字符串键。另外，在某些情况下，使用字符串键也可以让代码更容易阅读和理解。
因此，在选择键类型时，应该根据具体情况做出决策。如果键名中包含特殊字符或关键字，则应该使用字符串键；如果键名只是普通的标识符，则建议使用标识符键，以便让代码更加简洁和易读。
示例代码
----- ---- - - ------- ------- ------ -- - ----- ---- - - ----- ------- ---- -- - ----- ---- - - ------------- ------- ------------ ------ -------- --- - ----- ---- - - -- ------ -- ----- - ---------------------- -- ------ ------------------------- -- ------ -------------------------- -- --- -------------------- -- -----
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/9597