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操作封装要注意什么？

• 遇到问题先看日志，日志看不懂再把关键报错贴到搜索引擎，命中率很高。
• 日志要有关键信息但别太啰嗦，既要能排查问题又不能泄露隐私。

学而不思则罔。看完本文后，不妨想想：Cookie操作封装还能用在哪些场景？它有没有局限？这样的思考比单纯记忆更有价值。

遇见问题加 QQ23979811 协助处理