JavaScript Cookie操作封装案例讲解（新手必看）

这篇文章的起因很简单：后台收到好几位读者问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);

第三步：检查与优化

• 删除操作尽量用软删除，数据丢了神仙也救不回来。
• 不要在线上环境直接调试，复制一份数据到本地慢慢查。

回顾一下

Cookie操作封装的内容聊完了。说一千道一万，代码这行终究是靠手吃饭——多写，永远是王道。

遇见问题加 QQ23979811 协助处理