JavaScript Cookie操作封装进阶技巧分享（完整版）

认识一下Cookie操作封装

写代码这些年，Cookie操作封装相关的 bug 我修过不少。回过头看，大部分问题都源于几个相同的认知误区。把这些误区讲清楚，就是本文的目的。

吃透Cookie操作封装：核心概念梳理

• 养成查阅官方文档的习惯，第三方教程里的Cookie操作封装用法可能已经过时。
• 对Cookie操作封装的输入做校验，永远不要相信外部传入的数据。
• 定期回顾自己写的Cookie操作封装相关代码，随着经验增长总能发现改进空间。

Cookie操作封装代码示例

下面通过带过期时间的 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);

新手常犯的错误

• 数据库操作后记得确认影响行数，0 行和预期不符时要警惕。
• 接口返回的数据结构要和文档核对，字段名大小写都可能踩坑。

回顾一下

以上就是今天的全部内容。Cookie操作封装不难，难的是坚持学习这件事本身。继续加油。

遇见问题加 QQ23979811 协助处理