localStorage是浏览器提供的持久化本地存储，仅支持字符串，存取对象需JSON.stringify/parse；数据同源共享且永久保存，关闭浏览器不丢失；与sessionStorage区别在于后者仅限当前标签页、关闭即销毁；二者均不发往服务器、受同源策略限制。

localStorage 是浏览器提供的一种持久化本地存储方式，用起来简单直接，核心就是存字符串、取字符串、删字符串。

localStorage 基本用法

它只支持字符串类型的值，所以存对象或数组时得先用 JSON.stringify() 转成字符串；读出来再用 JSON.parse() 还原。

• 存数据：localStorage.setItem("key", "value")（比如存用户名：localStorage.setItem("username", "小明")）
• 取数据：localStorage.getItem("key")（返回字符串，键不存在时返回 null）
• 删单个：localStorage.removeItem("key")
• 清空全部：localStorage.clear()

注意：同一协议 + 域名 + 端口下的所有页面都能访问相同的 localStorage，比如 https://example.com/a.html 和 https://example.com/b.html 可以互相读写。

localStorage 和 sessionStorage 的关键区别

它们 API 完全一样，但生命周期和作用域不同：

• localStorage 数据永久保留，关掉标签页、关掉浏览器、甚至重启电脑都不会丢，除非用户手动清除缓存或代码调用 .clear() 或 .removeItem()
• sessionStorage 只在当前标签页有效，关闭该标签页（哪怕只是刷新后又关掉）数据就没了，新开的同域名标签页也拿不到之前 sessionStorage 的内容
• 两者都不随 HTTP 请求发给服务器，不占用带宽，这点和 cookie 不同
• 都受同源策略限制，跨域页面无法共享

什么时候该用哪个？

选对存储方式能避免很多 bug 和体验问题：

• 用 localStorage 存长期有效的数据：用户主题偏好、登录后的 token（注意安全）、常用搜索词、记住的表单项（比如“下次自动登录”勾选状态）
• 用 sessionStorage 存临时中转数据：多步骤表单的中间状态、页面跳转时传递的少量参数（比如从列表页点进详情页要带 ID）、防重复提交的标记
• 别用它们存敏感信息（如密码、完整身份证号），因为容易被 XSS 攻击窃取

基本上就这些。不复杂但容易忽略细节，比如忘了序列化对象，或者误把 session 数据当*局可用的了。