使用这些符号时要小心: 如。如果我们想访问一个窗口的父函数。 在IE中:

window['parent']['func']

并不等同于

window.['parent.func']

我们可以用:

window['parent']['func'] 

or

window.parent.func 

访问它

我举了另一个例子来清楚地理解用法上的差异。当使用嵌套数组和嵌套对象时

    const myArray = [
  {
    type: "flowers",
    list: [ "a", "b", "c" ],
  },
  {
    type: "trees",
    list: [ "x", "y", "z" ],
  }
];

现在如果我们想要访问树列表中的第二项是y。

我们不能一直用括号

const secondTree = myArray[1]["list"][1]; // incorrect syntex

相反，我们必须使用

const secondTree = myArray[1].list[1]; // correct syntex

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

我有这样的代码:

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

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

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

(来源此处)

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

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

点表示法和括号表示法都用于在JavaScript中访问对象属性。点表示法是最常用的，因为它更容易阅读和理解。为什么我们要用括号，这两者有什么区别呢?好吧，方括号符号[]允许我们使用变量访问对象属性，因为它将方括号内的表达式转换为字符串。

Const person = { 名称:“约翰”, 年龄:30 }; / /点符号 const nameDot = person.name; console.log (nameDot); / /“约翰” const name括号= person['name']; console.log (nameBracket); / /“约翰”

现在，让我们看一个变量的例子:

Const person = { 名称:“约翰”, 年龄:30 }; const myName = 'name'; console.log(人[名字]); / /“约翰”

点表示法的另一个优点是只包含字母数字(以及_和$)，例如，如果你想访问一个像下面这样的对象(包含'-'，你必须使用括号表示法)

Const person = { my-name: John ｝ console.log(人['我的名字']);/ /“约翰” / / console.log (person.my-name);/ /错误

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

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

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