💻设置localStorage的过期时间 📅
在日常开发中,`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));
};
```
简单又高效!🌟 使用这种方式,不仅能优化性能,还能避免因缓存问题引发的麻烦。快试试吧!✨
免责声明:本答案或内容为用户上传,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。 如遇侵权请及时联系本站删除。