JavaScript 属性访问: 用点？还是括号？

Question

除了第一种形式可以使用一个变量而不仅仅是一个字符串这个显而易见的事实之外，是否有任何理由使用一个而不是另一个，如果有，在哪种情况下？
代码:

// Given:var foo = {'bar': 'baz'};
// Thenvar x = foo['bar'];
// vs. var x = foo.bar;

前提: 我已经编写了一个产生这些表达式的代码生成器，我不知道哪个更好。

Answer 1

中括号的属性名可以是数字，关键字或保留字，但是这种情况尽量避免吧，其他没什么必须用哪一种的