JavaScript实现浏览器的本地存储

能者

在JavaScript中，你可以使用浏览器的本地存储来存储和检索数据。有两种主要的本地存储机制可以使用：localStorage 和 sessionStorage。

localStorage
`localStorage` 提供了一个持久化存储的解决方案，数据将一直保存在浏览器中，即使用户关闭了浏览器也不会丢失。以下是如何使用 `localStorage` 的示例代码：

[JavaScript] 纯文本查看 复制代码

// 存储数据到localStorage
localStorage.setItem('key', 'value');

// 从localStorage中获取数据
const data = localStorage.getItem('key');

// 从localStorage中删除数据
localStorage.removeItem('key');

// 清空整个localStorage
localStorage.clear();

sessionStorage
与 `localStorage` 不同，`sessionStorage` 提供了一个会话级别的存储解决方案。数据只在当前会话期间存在，当用户关闭标签页或浏览器时，数据就会被清除。以下是如何使用 `sessionStorage` 的示例代码：

[JavaScript] 纯文本查看 复制代码

// 存储数据到sessionStorage
sessionStorage.setItem('key', 'value');

// 从sessionStorage中获取数据
const data = sessionStorage.getItem('key');

// 从sessionStorage中删除数据
sessionStorage.removeItem('key');

// 清空整个sessionStorage
sessionStorage.clear();

无论是 `localStorage` 还是 `sessionStorage`，存储的数据都是以键值对的形式保存的。你可以根据需要存储字符串、数字等各种类型的数据