localStorage 提供持久化的键值对存储,数据除非手动删除否则永不过期,同源策略下数据共享。

论据/示例

基本用法

// 存储
localStorage.setItem('theme', 'dark');
 
// 读取
const theme = localStorage.getItem('theme');
 
// 删除
localStorage.removeItem('theme');
localStorage.clear(); // 清空所有

特点

  • 容量:约 5-10MB
  • 数据类型:仅字符串(可用 JSON 序列化对象)
  • 有效期:永久存储
  • 作用域:同源(协议+域名+端口)

常见用途

  • 用户主题偏好
  • 语言设置
  • 购物车数据

关联