直接属性访问（localStorage.item或localStorage['item']）和使用功能接口（localStorage.getItem('item')）都可以正常工作。两者都是标准的和跨浏览器兼容的。^*根据规格：

Storage 对象上支持的属性名称是当前存在于与该对象关联的列表中的每个键/值对的键，按照键最后添加到存储区域的顺序。

当没有找到具有请求名称的键/值对时，它们的行为会有所不同。例如，如果 key'item'不存在，var a = localStorage.item;将导致ais undefined，而var a = localStorage.getItem('item');将导致a具有 value null。正如你所发现的，undefined而null不是在JavaScript / EcmaScript的互换。:)

编辑：正如 Christoph 在他的回答中指出的那样，函数式接口是在等于 的预定义属性的键下可靠地存储和检索值的唯一方法localStorage。（其中有六个：length、key、setItem、getItem、removeItem和clear。）因此，例如，以下内容将始终有效：

localStorage.setItem('length', 2);
console.log(localStorage.getItem('length'));

请特别注意，第一个语句不会影响物业localStorage.length（如果没有按键，除了可能增加它'length'已经localStorage）。在这方面，规范似乎在内部不一致。

但是，以下内容可能不会执行您想要的操作：

localStorage.length = 2;
console.log(localStorage.length);

有趣的是，第一个是 Chrome 中的无操作，但与 Firefox 中的函数调用同义。第二个将始终记录localStorage.

^* _{这对于首先支持 Web 存储的浏览器来说是正确的。（这几乎包括所有现代桌面和移动浏览器。）对于使用 cookie 或其他技术模拟本地存储的环境，行为取决于所使用的 shim。localStorage可以在这里找到几个 polyfills 。}

这个问题已经很老了，但既然问题中引用了我，我想我应该就我的陈述说两句。

存储对象相当特殊，它是一个对象，它提供对键/值对列表的访问。因此它不是一个普通的对象或数组。

例如它有长度属性，它不像数组长度属性是只读的，它返回存储中的键数。

使用数组，您可以执行以下操作：

var a = [1,2,3,4];
a.length // => 4
a.length = 2;
a // => [1,2]

在这里，我们有使用 getter/setter 的第一个理由。如果你想设置一个名为的项目length怎么办？

localStorage.length = "foo";
localStorage.length  // => 0
localStorage.setItem("length","foo");
// the "length" key is now only accessable via the getter method:
localStorage.length  // => 1
localStorage.getItem("length") // => "foo"

对于 Storage 对象的其他成员，它甚至更为关键，因为它们是可写的，并且您可能会意外地覆盖getItem. 使用 API 方法可以防止任何这些可能的问题并提供一致的接口。

同样有趣的一点是规范中的以下段落（我强调）：

setItem() 和 removeItem() 方法对于失败必须是原子的。在失败的情况下，该方法什么也不做。也就是说，对数据存储区的更改必须成功，或者根本不能更改数据存储区。

理论上，getter/setter 和[]访问之间应该没有区别，但你永远不知道......

我知道这是一篇旧帖子，但由于没有人真正提到性能，我设置了一些 JsPerf 测试来对其进行基准测试，并且作为一个连贯的界面getItem，setItem并且始终比使用点符号或括号更快，并且更容易阅读。

这是我对 JsPerf 的测试

如前所述，除了不存在的密钥外，几乎没有区别。在性能差而变化取决于/ OS，你使用的是什么浏览器。但实际上并没有那么不同。

我建议你使用标准接口，因为这是一种推荐的使用方式。