数据掌握2026年1月23日星期五

JSON 与存储

保存数据并与 API 通信。

广告

查看赞助商以支持 JS Fruggal。

Web 是无状态的(没有记忆)。LocalStorage 允许我们在访问之间保存用户偏好(如深色模式)。

JSON: 通用语言

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

// 它只存储字符串!
localStorage.setItem("score", "100");

// 读取时转换回数字
const score = parseInt(localStorage.getItem("score"));
console.log(score + 50); // 150
广告

查看赞助商以支持 JS Fruggal。