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

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

在代码:

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

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

// vs. 
var x = foo.bar;

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

当前回答

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

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

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

其他回答

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

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

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

如果属性名有特殊字符，则需要使用括号:

var foo = {
    "Hello, world!": true,
}
foo["Hello, world!"] = false;

除此之外，我想这只是个人喜好的问题。恕我直言，点表示法更短，而且更明显地表明它是一个属性而不是数组元素(当然JavaScript没有关联数组)。

点表示法总是可取的。如果你正在使用一些“更聪明的”IDE或文本编辑器，它将显示来自该对象的未定义名称。只有当你的名字有破折号或类似无效的东西时，才使用括号符号。如果名称存储在变量中也一样。

[]符号有用的情况:

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

var a = {1:3};

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

让我再添加一些方括号符号的用例。如果你想访问一个属性，比如对象中的x-proxy，那么-将被错误地解释。还有一些其他的情况，比如空格，点，等等，点运算对你没有帮助。另外，如果你在一个变量中有键，那么在一个对象中访问键值的唯一方法是用括号符号。希望你能了解更多的背景。

推荐文章