这是一个关于 JavaScript (ECMAScript) 语言的基本问题，所以如果它是重复的，我提前道歉（稍微搜索并没有揭示我的确切问题）。
在 ECMAScript 中，我们可以使用两种基本语法形式来获取/设置对象的属性，它们似乎具有完全相同的效果。由于我不太了解，我将它们称为“属性”和“关联数组”符号：
var o = {};
// Property notation.
o.foo = 'Foo'; // (set)
o.foo; // => "Foo" (get)
// Associative array notation.
o['bar'] = 'Bar'; // (set)
o['bar']; // => "Bar" (get)
// They seem to be interchangeable.
o['foo']; // => "Foo"
o.bar; // => "Bar"
这两种符号之间有什么真正的区别吗？显然，关联数组表示法允许我们在对象上查找动态生成的键（并强制将其参数转换为字符串），而属性表示法使用文字，但这是唯一的区别吗？