JavaScript 封装localStorage核心用法解析（附代码示例）

很多JavaScript教程把封装localStorage一笔带过，导致不少学习者一知半解。这篇文章做一个补充，把容易模糊的地方讲具体。

聊聊封装localStorage的重要性

很多JavaScript教程把封装localStorage一笔带过，导致不少学习者一知半解。这篇文章做一个补充，把容易模糊的地方讲具体。

封装localStorage要点速览

1. 记录封装localStorage使用过程中踩过的坑，形成自己的避坑手册。
2. 注意封装localStorage的字符编码问题，中文场景下这是个高频坑。
3. 定期回顾自己写的封装localStorage相关代码，随着经验增长总能发现改进空间。
4. 封装localStorage的错误处理要区分可恢复和不可恢复，分别采取不同策略。

接下来用代码实际演示一下封装localStorage。

封装localStorage实战代码

带过期时间的 localStorage 封装：

const store = {
  set(k, v, exp = 0) {
    localStorage.setItem(k, JSON.stringify({ v, exp: exp ? Date.now() + exp : 0 }));
  },
  get(k) {
    const o = JSON.parse(localStorage.getItem(k) || 'null');
    if (!o) return null;
    if (o.exp && o.exp < Date.now()) { localStorage.removeItem(k); return null; }
    return o.v;
  }
};
store.set('token', 'abc123', 3600 * 1000);

避坑指南

• 权限不足导致的报错往往信息不明确，排查时别忘了检查文件和目录权限。
• 定时任务没执行，先查 cron 表达式，再查系统时区，最后查日志。

一点总结

最后再啰嗦一句：别只收藏不动手。封装localStorage这东西，写一遍胜过看十遍。

---

遇见问题加 QQ23979811 协助处理