除了第一种形式可以使用变量而不仅仅是字符串文字这一显而易见的事实之外,是否有任何理由使用其中一种而不是另一种,如果是这样,在哪些情况下?

在代码:

// Given:
var foo = {'bar': 'baz'};

// Then
var x = foo['bar'];

// vs. 
var x = foo.bar;

上下文:我写了一个代码生成器,产生这些表达式,我想知道哪个更可取。


当前回答

[]符号有用的情况:

如果您的对象是动态的,并且在键中可能有一些随机值,如number和[]或任何其他特殊字符,例如-

var a = {1:3};

如果你试图访问a。1,它会报错,因为它期待的是一个字符串。

其他回答

(来源此处)

方括号表示法允许使用点表示法不能使用的字符:

var foo = myForm.foo[];//错误的语法 var foo = myForm["foo[]"];//正确的语法

包括非ascii (UTF-8)字符,如myForm["ダ"](更多示例)。

其次,方括号符号在处理时很有用 以可预测的方式变化的属性名:

For (var I = 0;I < 10;我+ +){ someFunction(myForm["myControlNumber" + i]); }

摘要:

点表示法写起来更快,读起来更清楚。 方括号符号允许访问包含 特殊字符的选择 使用变量的属性


不能与点表示法一起使用的字符的另一个例子是本身包含点的属性名。

例如,json响应可以包含一个名为bar.Baz的属性。

var foo = myResponse.bar.Baz; // incorrect syntax
var foo = myResponse["bar.Baz"]; // correct syntax

[]符号有用的情况:

如果您的对象是动态的,并且在键中可能有一些随机值,如number和[]或任何其他特殊字符,例如-

var a = {1:3};

如果你试图访问a。1,它会报错,因为它期待的是一个字符串。

当-时必须使用方括号

属性名是number。 Var ob = { 1:“一个”, 7:“7” } ob.7 // SyntaxError ob[7] // " 7 " 属性名有特殊字符。 Var ob = { 'This is one': 1, 这是7:7, } ob.'This is one' // SyntaxError ob['这是一个']// 1 属性名被赋给一个变量,您要访问 属性值。 Var ob = { “一”:1、 “七”:7, } var _Seven = ' 7 '; b. _seven //未定义 ob[_Seven] // 7 .使用实例

点表示法总是可取的。如果你正在使用一些“更聪明的”IDE或文本编辑器,它将显示来自该对象的未定义名称。 只有当你的名字有破折号或类似无效的东西时,才使用括号符号。如果名称存储在变量中也一样。

让我再添加一些方括号符号的用例。如果你想访问一个属性,比如对象中的x-proxy,那么-将被错误地解释。还有一些其他的情况,比如空格,点,等等,点运算对你没有帮助。另外,如果你在一个变量中有键,那么在一个对象中访问键值的唯一方法是用括号符号。希望你能了解更多的背景。