在ie8中，点表示法不适用于某些关键字(如new和class)。

我有这样的代码:

//app.users is a hash
app.users.new = {
  // some code
}

这会触发可怕的“期望标识符”(至少在IE8和windows xp上，我还没有尝试过其他环境)。简单的解决方法是切换到括号符号:

app.users['new'] = {
  // some code
}

一般来说，他们做同样的工作。 尽管如此，括号符号给了你做点符号做不到的事情的机会，比如

var x = elem["foo[]"]; // can't do elem.foo[];

这可以扩展到任何包含特殊字符的属性。

括号表示法可以使用变量，所以它在两个点表示法不起作用的情况下很有用:

1)动态确定属性名时(直到运行时才知道确切的名称)。

2)当使用for..in循环遍历对象的所有属性时。

来源:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

当-时必须使用方括号

属性名是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 .使用实例

括号表示法允许您通过存储在变量中的名称访问属性:

var obj = { "abc" : "hello" };
var x = "abc";
var y = obj[x];
console.log(y); //output - hello

obj。X在这种情况下不成立。

(来源此处)

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

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