JavaScript Cookie操作封装完整指南（附代码示例）

面试被问到Cookie操作封装时支支吾吾？工作中用到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 协助处理