localStorage.getItem('item') 与 localStorage.item 之间的区别？

Question

有什么区别

localStorage.getItem('item') 

与

localStorage.item

这两种访问 localStorage 中项目的方法有性能差异吗？

像这样访问 localStorage 中的 item 是否比 getItem 函数调用更快？

Answer 1

HTML 标准指定

getItem

方法如下：

1. 如果

   this

   的

   map[key]

   不存在，则返回null。
2. 返回

   this

   的

   map[key]

   。

从

Storage

接口定义往下看，有以下内容解释了这个

map

是什么：

存储对象具有关联的：

地图

A 存储代理映射。

然后是这个：

存储对象存储上的支持的属性名称是在存储的map上运行获取键的结果。

这至少证实了同时使用

getItem

和属性访问归结为访问映射以获取与键对应的值——这意味着

getItem

方法和属性访问确实使用相同的过程，因此获得相同的值给定的密钥。

这也从更接近

Storage

接口规范的[非规范]注释中提到，标题为“对于 Web 开发人员”：

value = storage.getItem(key)
值=存储[键]

返回与给定键关联的当前值，如果给定键不存在则返回 null。

我引用的“HTML 标准”是从 Storage

 类

上的 Mozilla 开发者网络页面以及其他地方链接的，它本身可以通过 Google 搜索 localStorage

 找到。我建议您为 

Mozilla Developer Network 网站添加书签并将其添加为搜索引擎，以便您可以快速发现有关您使用的 Web API 的相关且重要的信息。不过，不要认为 MDN 是理所当然的——如果有疑问或习惯，找到他们试图解释的相关标准，看看你是否可以阅读实际的规范，以消除所有疑问。

Answer 2

与

localStorage.item

 没有任何关系，它总是 

localStorage.getItem('itemname')

 & 

localStorage.setItem('itemname' , value)

 & localStorage.clear()