JavaScript 属性访问 : dot notation vs. 括号？

Question

除了第一种形式可以使用变量而不仅仅是字符串文字这一明显事实之外，是否有任何理由使用其中一个而不是另一个，如果是，在什么情况下？

在代码中:

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

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

// vs. 
var x = foo.bar;

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

Answer 1

(源自here。)

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

var foo = myForm.foo[]; // incorrect syntax
var foo = myForm["foo[]"]; // correct syntax

包括非 ASCII (UTF-8) 字符，如 myForm["ダ"] ( more examples )。

其次，方括号表示法在处理 以可预测的方式变化的属性名称:

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

综述:

• Dot notation is faster to write and clearer to read.
• Square bracket notation allows access to properties containing special characters and selection of properties using variables

<小时/>

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

例如，json 响应可能包含名为 bar.Baz 的属性。

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