localStorage[“某事”]诉localStorage.something

Question

可能重复： JavaScript属性访问:点表示法还是括号？

我完全是个新手。我知道Java，但是Javascript完全不同。

我想问一下localStorage["something"]和localStorage.something的区别是什么？

方括号和圆点。

Answer 1

没有什么不同。实际上，JavaScript中的两个语法作为一个整体并没有区别：

someObj.someProp === somObj["someProp"];

唯一的区别是某些字符在字符串中有效，而在点属性名称中无效：

someObj["some-prop"] // valid
someObj.some-prop // this is actually the value of `someObj.some` minus the value of `prop`

请注意，这两种在localStorage中存储值的方法也与使用.getItem和.setItem方法相同。根据W3C规范

每个存储对象都提供对键/值对列表的访问，这有时被称为items。

通过同名的object属性或使用.getItem和.setItem按名称引用这些项，这些项是可访问的和可变的。唯一的区别是，函数可以被覆盖以提供包装，例如JSON-在存储之前对对象进行处理：

localStorage.setItem = function(key, val) {
    localStorage[key] = JSON.stringify(val);
}