在日常开发中，`localStorage` 是一个非常实用的工具，用于存储用户数据或临时信息。但它的默认特性是没有过期时间，这可能导致数据长期占用内存或影响用户体验。那么如何为 `localStorage` 添加过期时间呢？🤔
首先，我们可以将数据与过期时间一起存入 `localStorage`，比如用 JSON 格式保存 `{ data: "value", expiry: 1698768000 }`，其中 `expiry` 是 Unix 时间戳（秒）。然后，在读取数据时，通过判断当前时间是否超过 `expiry` 来决定是否清除或更新数据。⏰
举个例子：当用户登录后，我们希望 token 在 30 分钟内有效，代码可以这样写👇
```javascript
const setWithExpiry = (key, value, ttl) => {
const now = new Date();
const item = {
value,
expiry: now.getTime() + ttl
};
localStorage.setItem(key, JSON.stringify(item));
};
```
简单又高效！🌟 使用这种方式，不仅能优化性能，还能避免因缓存问题引发的麻烦。快试试吧！✨
标签：
免责声明：本文由用户上传，如有侵权请联系删除！