Secondary encapsulation of storage (sessionstorage/localstorage) using TS

combination ts encapsulation storeage

In the project , If you use native, uncapsulated localStorage It will be a little troublesome .emm, Second encapsulation of session and local storage scheme . Easy to use for the project . It is more convenient to access objects , And you can get objects , Get the type of object .

export class LocalCache {
    
  setCache<T = any>(key: string, value: T): boolean;
  setCache<T = any>(
    key: string,
    value: T,
    localOrSessionStorage: boolean
  ): boolean;
  /** *  Set the cache  * @param key * @param value * @param localOrSessionStorage true => localStorage  The default is true  If needed sessionStorage  This parameter needs to be passed  false * @returns */
  setCache<T = any>(
    key: string,
    value: T,
    localOrSessionStorage = true
  ): boolean {
    
    try {
    
      const val = JSON.stringify(value);
      if (localOrSessionStorage) {
    
        window.localStorage.setItem(key, val);
      } else {
    
        window.sessionStorage.setItem(key, val);
      }
    } catch (error) {
    
      return false;
    }
    return true;
  }

  getCache<T = any>(key: string): T;
  getCache<T = any>(key: string, localOrSessionStorage: boolean): T;
  /** * * @param key  Access to the cache  * @param localOrSessionStorage * @returns */
  getCache<T>(key: string, localOrSessionStorage = true): T {
    
    let res: any;
    if (localOrSessionStorage) {
    
      const val = window.localStorage.getItem(key);
      if (val) {
    
        res = JSON.parse(val);
      }
    }
    const val = window.sessionStorage.getItem(key);
    if (val) {
    
      res = JSON.parse(val);
    }
    return res as T;
  }
  deleteCache(key: string): void;
  deleteCache(key: string, localOrSessionStorage: boolean): void;
  deleteCache(key: string, localOrSessionStorage = true): void {
    
    if (localOrSessionStorage) window.localStorage.removeItem(key);
    else window.sessionStorage.removeItem(key);
  }
  clearCache(): void;
  clearCache(localOrSessionStorage: boolean): void;
  clearCache(localOrSessionStorage = true): void {
    
    if (localOrSessionStorage) window.localStorage.clear();
    else window.sessionStorage.clear();
  }
}

//  Cache object 
export default new LocalCache();