Web 是无状态的(没有记忆)。LocalStorage 允许我们在访问之间保存用户偏好(如深色模式)。
JSON: 通用语言
javascript
const data = { id: 1, title: "Learn JS" };
// 对象 -> 字符串 (打包)
const packed = JSON.stringify(data);
console.log(packed); // '{"id":1,"title":"Learn JS"}'
// 字符串 -> 对象 (拆包)
const unpacked = JSON.parse(packed);
console.log(unpacked.title);安全警告
永远不要存储敏感数据
任何在页面上运行的 JavaScript(包括分析脚本或浏览器扩展)都可以访问 LocalStorage。
永远不要将密码、信用卡信息或敏感 API 令牌存储在 LocalStorage 中。请使用 HttpOnly Cookies。
使用 LocalStorage
javascript
// 它只存储字符串!
localStorage.setItem("score", "100");
// 读取时转换回数字
const score = parseInt(localStorage.getItem("score"));
console.log(score + 50); // 150