Javascript对象属性引号

Question

假设我有以下对象:

var VariableName = {
    firstProperty: 1,
    secondProperty: 2
}

我是否必须将对象属性包装在这样的引号中？

var VariableName = {
    'firstProperty': 1,
    'secondProperty': 2
}

这是JavaScript对象文字中的单引号是正确的答案吗？

Answer 1

不,你不需要这样做.

引用对象键的唯一原因是

• 浏览器/ js引擎保留/使用属性名称(例如IE中的"class")
• 您的密钥中有特殊字符或空格

所以举个例子

var VariableName = {
    "some-prop": 42,  // needs quotation because of `-`
    "class": 'foobar' // doesn't syntatically require quotes, but it will fail on some IEs
    valid: 'yay' // no quotes required
};

Answer 2

对象字面量中的属性名称必须是字符串、数字或标识符。如果名称是有效标识符，则不需要引号，否则它们遵循与字符串相同的规则。

firstProperty和secondProperty都是有效的标识符，所以你不需要引号。

有关更多详细信息，请参阅规范的第 65 页。

Answer 3

如果属性名称是保留字（例如for，in，function等），则只需在属性周围使用引号。这样，您可以防止Javascript尝试将关键字解释为语言的一部分，并且很可能会收到语法错误。此外，如果要在属性名称中使用空格，则还必须使用引号。如果属性名称只是普通名称，没有潜在的共谋或空格，则可以使用您喜欢的语法。

另一种可能需要用引号引起来的可能性是使用Java缩小符（如Google Closure编译器），因为它倾向于替换所有属性名称。但是，如果将属性名称用引号引起来，闭包编译器将在编码时保留该属性。在库中导出对象或使用参数对象时，这具有一些相关性。