JavaScript属性访问:点符号vs.括号?

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

在代码:

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

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

// vs. 
var x = foo.bar;

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

当前回答

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

window['parent']['func']

并不等同于

window.['parent.func']

我们可以用:

window['parent']['func']

window.parent.func

访问它

其他回答

在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[];

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

[]符号有用的情况:

如果您的对象是动态的，并且在键中可能有一些随机值，如number和[]或任何其他特殊字符，例如-

var a = {1:3};

如果你试图访问a。1，它会报错，因为它期待的是一个字符串。

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

window['parent']['func']

并不等同于

window.['parent.func']

我们可以用:

window['parent']['func']

window.parent.func

访问它

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

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

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

推荐文章