js 怎么设置缓存有效时间?

Question

需求是在缓存中存放一条数据, 并且设置有效时间1分钟? 应该怎么实现?

localStorage.setItem("test", "123");

在文档中没有找到设置时间的方法
https://developer.mozilla.org/zh-CN/docs/Web/API/Storage/setItem

Answer 1

localStorage 是没有提供API的, 可以写一个公用的方法来进行存储的时候加上时间戳

export function setLocalStorageAndTime (key, value) {
 window.localStorage.setItem(key, JSON.stringify({ data: value, time: new Date().getTime() }))
}

cookie可以, 可以用js-cookie插件:

let seconds = 10;
let expires = new Date(new Date() * 1 + seconds * 1000);
Cookies.set('username', 'tanggaowei', { expires: expires }); // 10 秒后失效

Answer 2

localStorage 没有设置失效时间的配置，你可以看看能不能用别人的npm 包这样方便省事，自己实现也不难，可以参考别人的开源包。

https://www.npmjs.com/search?q=localstorage%20expired

Answer 3

你可以做一个定时, setTimeout(function () { // clear数据 }, 60000) 一分钟后清除掉

Answer 4

localStorage 没有提供有效时间设置API的。一般都是在设置本地缓存的同时也设置一个过期时间，或者存储时间。在读取的时候加以判断。

当然这种操作肯定是有现成的轮子可以用的，和1楼的回答一样，在Github/NPM上面检索一下就好了。

Answer 5

可以将时间戳作为数据的一部分写入localStorage，get 的时候进行校验时间有效性，最简单的实现，localStorage本身并不支持过期