18、网页存储技术：从基础到高级应用

网页存储技术：从基础到高级应用

1. 本地存储基础

本地存储机制可通过全局对象的属性来访问，在浏览器中，全局对象是 window 对象。因此，我们既可以通过 window.localStorage 显式访问存储属性，也可以隐式地直接使用 localStorage 。

1.1 本地存储的方法

• clear() ：如果对象关联的列表中有键值对，该方法会自动清空所有键值对；若没有，则不执行任何操作。
• key(n) ：返回列表中第 n 个键的名称。键的顺序由用户代理定义，但只要键的数量不变，在对象内部必须保持一致。如果 n 大于或等于对象中键值对的数量，该方法返回 null 。
• length ：返回对象关联的列表中当前存在的键值对的数量。

1.2 本地存储的限制

本地存储只允许存储 DOMString 类型的值，其他类型的值在存储前会被转换为字符串。例如：

var typedArray = new Uint32Array(100);
localStorage.setItem("my-array", typedArray);
var myArray = local