localStorage灵魂五问。 5M？？ 10M !!!

灵魂五问

1. localStorage 存储的键值采用什么字符编码
2. 5M 的单位是什么
3. localStorage 键占不占存储空间
4. localStorage的键的数量，对写和读性能的影响
5. 写个方法统计一个localStorage已使用空间

我们挨个解答，之后给各位面试官又多了一个面试题。

我们常说localStorage存储空间是5M，请问这个5M的单位是什么？

localStorage 存储的键值采用什么字符编码？

打开相对权威的MDN localStorage#description

The keys and the values stored with localStorage are always in the UTF-16 DOMString format, which uses two bytes per character. As with objects, integer keys are automatically converted to strings.

翻译成中文：

localStorage 存储的键和值始终采用 UTF-16 DOMString 格式，每个字符使用两个字节。与对象一样，整数键将自动转换为字符串。

答案： UTF-16

MDN这里描述的没有问题，也有问题，因为UTF-16，每个字符使用两个字节，是有前提条件的，就是码点小于0xFFFF(65535)， 大于这个码点的是四个字节。

这是全文的关键。

5M 的单位是什么

5M的单位是什么？

选项：

1. 字符的个数
2. 字节数
3. 字符的长度值
4. bit 数
5. utf-16编码单元

以前不知道，现代浏览器，准确的应该是 选项3，字符的长度 ，亦或 选项5, utf-16编码单元

字符的个数，并不等于字符的长度，这一点要知道：

"a".length // 1
"人".length // 1
"

标签：5M,console,err,10M,五问,setItem,cost,localStorage,content	

From： https://blog.csdn.net/u012397879/article/details/137243086