React--Web Storage封装

/**
 * Web Storage封装
 * 1.localStorage
 * 2.sessionStorage
 * 详情:https://www.cnblogs.com/fei-yu9999/p/14667831.html
 */

/**
 * 1.localStorage
 */
export default class SecurityService {
    //1.1保存
    static saveSecurity(user: any) {
      localStorage.setItem('Security', JSON.stringify(user));
    }
  
    //1.2获取
    static getSecurity() {
      const value: any = localStorage.getItem('Security');
      try {
        return JSON.parse(value);
      } catch (e) {
        console.log(e);
      }
      return null;
    }
  
    //1.3删除
    static DeleteSecurity() {
      localStorage.removeItem('Security');
    }
}

/**
 * 1.sessionStorage
 */
export class SecurityServices {
    //2.1保存
    static saveSecurity(users: any) {
      sessionStorage.setItem('Securitys', JSON.stringify(users));
    }
  
    //2.2获取
    static getSecurity() {
      const value: any = sessionStorage.getItem('Securitys');
      try {
        return JSON.parse(value);
      } catch (e) {
        console.log(e);
      }
      return null;
    }
  
    //2.3删除
    static DeleteSecurity() {
        sessionStorage.removeItem('Securitys');
    }
}

  

posted @ 2021-09-15 12:09  飞渝  阅读(97)  评论(0)    收藏  举报