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

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

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

打开相对权威的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的单位是什么？

选项：

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

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

现代浏览器对字符串的处理是基于UTF-16 DOMString。

但是说5M字符串的长度，显然有那么点怪异。

而根据 UTF-16编码规则，要么2个字节，要么四个字节，所以不如说是 10M 的字节数，更为合理。

当然，2个字节作为一个utf-16的字符编码单元，也可以说是 5M 的utf-16的编码单元。

我们先编写一个utf-16字符串计算字节数的方法：非常简单，判断码点决定是2还是4