localStorage

一、localStorage 是什么

• 浏览器本地存储

• 永久保存（不主动删就一直在）

• 只能存字符串

• 同一域名下共享

二、四个核心 API

1️⃣ 保存数据

localStorage.setItem(key, value);

2️⃣ 读取数据

localStorage.getItem(key);

3️⃣ 删除某一项

localStorage.removeItem(key);

4️⃣ 清空所有

localStorage.clear();

三、存对象 / 数组（重点）

localStorage 只能存字符串

存之前：JSON.stringify

localStorage.setItem('config', JSON.stringify(obj));

取出来：JSON.parse

const obj = JSON.parse(localStorage.getItem('config'));

四、常见使用场景

• 用户配置（主题、语言、布局）

• 登录信息（token、用户信息）

• 页面状态缓存

五、通用封装写法

// 存 function setStorage(key, value) { localStorage.setItem(key, JSON.stringify(value)); } // 取 function getStorage(key) { const data = localStorage.getItem(key); return data ? JSON.parse(data) : null; } // 删 function removeStorage(key) { localStorage.removeItem(key); }