angular 给localStorage设置存储时间

cache.service.ts代码如下 

/*给localstorage设置缓存时间 */ import * as dayjs from 'dayjs'; import { Injectable } from '@angular/core'; @Injectable({ providedIn: 'root' }) export class CacheService { key:any = { //辅助 "expiredTime": "EXPIRED:TIME", "expiredStartTime": "EXPIRED:START:TIME", //全局使用 //用户信息 "loginInfo": "LOGIN_INFO", "userInfo": "USER_INFO", // 用户信息期限 'loginDateRange':5*60*60*1000 // 登陆限制默认未5小时，转成毫秒 2小时 = 2*60*60*1000 } /** * 设置缓存 * @param key * @param value * @param expiredTimeMS 过期时间，单位ms */ set(key:string, value:string, expiredTimeMS:any):void { // console.log("$cache set: key=" + key + " value = " + value + " expiredTimeMS = " + expiredTimeMS) if ((expiredTimeMS == 0) || (expiredTimeMS == null)) { localStorage.setItem(key, value); } else { localStorage.setItem(key, JSON.stringify(value)); localStorage.setItem(key + this.key.expiredTime, expiredTimeMS); localStorage.setItem(key + this.key.expiredStartTime, `${dayjs().valueOf()}`); } } /** * 获取键 * @param key * @returns {*} key存在，返回对象；不存在，返回null */ get(key:string):any{ console.log(key) const expiredTimeMS = localStorage.getItem(key + this.key.expiredTime); const expiredStartTime = localStorage.getItem(key + this.key.expiredStartTime); const curTime = new Date().getTime(); const sum = Number(expiredStartTime) + Number(expiredTimeMS); if ((sum) > curTime) { // console.log("$cache-缓存[" + key + "]存在！"); return JSON.parse(localStorage.getItem(key)); } else { // console.log("$cache-缓存[" + key + "]不存在！"); this.remove(key); return null; } } /** * 移除键 * @param key */ remove(key:string):void{ localStorage.removeItem(key); localStorage.removeItem(key + this.key.expiredTime); localStorage.removeItem(key + this.key.expiredStartTime); } /** * 对键重新更新过期时间 * @param key * @param expiredTimeMS 过期时间ms */ expired(key:string, expiredTimeMS:any):void{ if (this.get(key) != null) { localStorage.setItem(key + this.key.expiredTime, expiredTimeMS); } } /** * 清除所有缓存 */ clear():void{ localStorage.clear(); } }

 使用：

... import { CacheService } from 'src/app/untils/cache.service'; @Component({ ... }) export class LoginComponent { ... constructor(private cacheService:CacheService){ //添加 this.cacheService.set(this.cacheService.key.loginInfo, item, this.cacheService.key.loginDateRange ); // 读取 this.cacheService.get(this.cacheService.key.loginInfo); // 删除 this.cacheService.remove(this.cacheService.key.loginInfo); // 清除所有 this.cacheService.clear(); } }