除了第一种形式可以使用变量而不仅仅是字符串文字这一显而易见的事实之外，是否有任何理由使用其中一种而不是另一种，如果是这样，在哪些情况下?
在代码:
// Given:
var foo = {'bar': 'baz'};
// Then
var x = foo['bar'];
// vs.
var x = foo.bar;
上下文:我写了一个代码生成器，产生这些表达式，我想知道哪个更可取。
当前回答
当-时必须使用方括号
属性名是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 .使用实例
其他回答
或者当你想动态改变一个元素的classList动作时:
// Correct
showModal.forEach(node => {
node.addEventListener(
'click',
() => {
changeClass(findHidden, 'remove'); // Correct
},
true
);
});
//correct
function changeClass(findHidden, className) {
for (let item of findHidden) {
console.log(item.classList[className]('hidden'));// Correct
}
}
// Incorrect
function changeClass(findHidden, className) {
for (let item of findHidden) {
console.log(item.classList.className('hidden')); // Doesn't work
}
}
一般来说，他们做同样的工作。 尽管如此，括号符号给了你做点符号做不到的事情的机会，比如
var x = elem["foo[]"]; // can't do elem.foo[];
这可以扩展到任何包含特殊字符的属性。
如果属性名有特殊字符，则需要使用括号:
var foo = {
"Hello, world!": true,
}
foo["Hello, world!"] = false;
除此之外，我想这只是个人喜好的问题。恕我直言，点表示法更短，而且更明显地表明它是一个属性而不是数组元素(当然JavaScript没有关联数组)。
使用这些符号时要小心: 如。如果我们想访问一个窗口的父函数。 在IE中:
window['parent']['func']
并不等同于
window.['parent.func']
我们可以用:
window['parent']['func']
or
window.parent.func
访问它
让我再添加一些方括号符号的用例。如果你想访问一个属性，比如对象中的x-proxy，那么-将被错误地解释。还有一些其他的情况，比如空格，点，等等，点运算对你没有帮助。另外，如果你在一个变量中有键，那么在一个对象中访问键值的唯一方法是用括号符号。希望你能了解更多的背景。
