javascript中的对象文字如何工作？

Question

在考虑以下代码示例（来自Mozilla的开发人员网站）时，我在理解javascript中对象文字的语法时遇到了一些麻烦：

var car = { manyCars: {a: "Saab", "b": "Jeep"}, 7: "Mazda" };

console.log(car.manyCars.b); // Jeep
console.log(car[7]); // Mazda

我目前对javascript对象文字的理解是：如果给定键，值对，并且键为数据类型，则它的工作方式类似于python字典，使car [key]返回您设置为键的值。 如果您仅将密钥作为文本提供，它将在“ car”中定义一个变量，该变量设置为您与该密钥关联的值。 但是，在上面的代码中， "b"是一个字符串，但是可以将car.manyCars.b当作一个变量设置为"Jeep" ，并且car.manyCars["b"]是有效的语法，返回"Jeep" 。

我想知道是否有人可以对我在声明对象文字时实际发生的情况给出清晰的解释，因为显然我目前的理解还不完整。

Answer 1

在JavaScript中，对象文字表示法中的键无论是否用引号括起来都被视为字符串。 因此，与此：

var car = { manyCars : {a: "Saab", "b": "Jeep"}, 7: "Mazda" };

如果您这样做，请执行以下操作：

for (var k in car) { console.log("key: " + k + " (type: " + typeof(k) + ")"); }

输出将是：

键：7（类型：字符串）
键：manyCars（类型：字符串）

注意（显然）数字键7也是一个string 。 您甚至可以将JavaScript关键字用作对象文字中的键。

请注意，通过键访问值时，规则更加严格。 例如，当键是保留字时，必须使用下标符号和引号。 同样，对象文字中的裸键必须（如果不是数字文字）必须是有效的JavaScript标识符名称，因此它不能包含空格，逗号或JavaScript运算符（ + ， =等）。

Answer 2

在JavaScript对象中，文字由键值对组成。 JavaScript中的键始终是字符串，而值可以是任何数据类型。

JavaScript提供了用于定义键的语法糖。 例如，与字符串文字不同，您不需要引用键。 因此，以下两个示例是等效的：

{ x: 0 }   // example 1
{ "x": 0 } // example 2

但是，此语法糖仅适用于它们之间没有任何空格（即空格，制表符，换行符等）的标识符。 例如，以下在JavaScript中无效：

{ a property: 0 } // whitespace not allowed in identifiers

但是，您可以通过引用标识符来解决此限制：

{ "a property": 0 } // valid

您还可以使用布尔值（ true或false ），数字文字以及undefined和null作为键。 但是请记住，它们被强制为字符串。 因此，您可以执行以下操作：

var o = {
    undefined: 1,
    null: 2,
    true: 3,
    false: 4,
    0: 5
};

然后，您可以通过以下方式访问它们：

alert(o.undefined); // 1
alert(o.null);      // 2
alert(o.true);      // 3
alert(o.false);     // 4
alert(o[0]);        // 5

最后的声明很重要。 数字文字本身不能归类为有效标识符。 因此，您需要使用数组括号符号（ [] ）而不是点符号（ . ）来访问它。

由于JavaScript中的所有键都是字符串，因此您甚至可以：

alert(o["undefined"]); // 1
alert(o["null"]);      // 2
alert(o["true"]);      // 3
alert(o["false"]);     // 4
alert(o["0"]);         // 5

但是，不能将对象，数组或函数用作键。 例如，以下内容无效：

{ {1: 2}: 3 }            // objects can't be used as keys
{ [1]: 2 }               // arrays can't be used as keys
{ function () {}: true } // functions can't be used as keys

这就是有关对象文字的所有信息。

Answer 3

本质上，JavaScript中的对象文字与字典非常相似，但具有Java或PHP中的对象功能。 这些对象可以具有在函数中定义的功能，在属性中定义的功能，或在两者中定义的功能。 您可以根据引用的键使用引号或点语法。 有些可能带有特殊字符，那么您需要使用引号，如果没有特殊字符，请使用点号。 两者都是正确的。

这是一个有用的资源，用于比较和对比创建对象文字和通过构造函数创建对象之间的区别。

http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-oriented-javascript/

这是关于对象字面量使用的另一个更深入的探讨

http://javascript.info/tutorial/objects