localstorage用法源码示例

LocalStorage 是 HTML5 提供的一种在客户端存储数据的方式，它允许我们存储键值对，这些数据将一直保存在客户端，直到被清除或者用户清空浏览器缓存。下面是一个使用 LocalStorage 的例子：

// 存储数据
localStorage.setItem('name', 'John');

// 获取数据
let name = localStorage.getItem('name');

// 删除数据
localStorage.removeItem('name');

// 清空所有数据
localStorage.clear();

上面的代码演示了如何使用 LocalStorage 存储、获取、删除和清空数据。其中，`localStorage.setItem(key, value)` 用于存储数据，`localStorage.getItem(key)` 用于获取数据，`localStorage.removeItem(key)` 用于删除指定的数据，`localStorage.clear()` 用于清空所有的数据。

另外，LocalStorage 存储的数据是以字符串的形式存储的，如果需要存储其他类型的数据，需要先将其转换为字符串。例如：

// 存储对象
let user = { name: 'John', age: 30 };
localStorage.setItem('user', JSON.stringify(user));

// 获取对象
let userStr = localStorage.getItem('user');
let userObj = JSON.parse(userStr);

上面的代码演示了如何存储和获取一个对象。使用 `JSON.stringify()` 将对象转换为字符串进行存储，使用 `JSON.parse()` 将存储的字符串转换为对象进行获取。