本地存储

kuangshp · kuangshp · commit 24efca5d8c19 · 2020-06-01T12:03:01.000+08:00
diff --git a/src/utils/storage.js b/src/utils/storage.js
@@ -0,0 +1,86 @@
+
+class LocalStorage {
+  constructor (prefix = 'web') {
+    this.prefix = prefix;
+  }
+
+  /**
+   * @param {type}
+   * @return:
+   * @Description:获取本地存储的方法
+   * @Author: 水痕
+   * @LastEditors: 水痕
+   * @Date: 2019-08-16 13:30:46
+   */
+  getItem (key) {
+    key = this.getKey(key);
+    const storeData = window.localStorage.getItem(key);
+    if (storeData) {
+      const {
+        value,
+        options: { storeTime },
+      } = JSON.parse(storeData);
+      // 如果从存储中获取的时间大于当前的时间或者等于0的时候表示当前的localStorage有效
+      if (storeTime > new Date().getTime()) {
+        return value;
+      } else {
+        this.removeItem(key);
+        return null;
+      }
+    }
+    return null;
+  }
+
+  /**
+   * @param {type}
+   * @return:
+   * @Description: 设置存储
+   * @Author: 水痕
+   * @LastEditors: 水痕
+   * @Date: 2019-08-16 13:31:00
+   */
+  setItem (key, value, time) {
+    key = this.getKey(key);
+    // 如果用户没传递时间进来就是一天
+    try {
+      time = new Date(time).getTime() || time.getTime();
+    } catch (e) {
+      time = new Date().getTime() + 1000 * 60 * 60 * 24 * 1;
+    }
+    const options = {
+      storeTime: time,
+      prefix: this.prefix,
+    };
+    window.localStorage.setItem(key, JSON.stringify({ value, options }));
+  }
+
+  /**
+   * @param {type}
+   * @return:
+   * @Description: 删除存储
+   * @Author: 水痕
+   * @LastEditors: 水痕
+   * @Date: 2019-08-16 13:31:11
+   */
+  removeItem (key) {
+    key = this.getKey(key);
+    const value = this.getItem(key);
+    if (value) {
+      window.localStorage.removeItem(key);
+    }
+  }
+
+  /**
+   * @param {type}
+   * @return:
+   * @Description: 私有方法获取key
+   * @Author: 水痕
+   * @LastEditors: 水痕
+   * @Date: 2019-08-16 13:31:22
+   */
+  getKey (key) {
+    return `${this.prefix}:${key}`;
+  }
+}
+
+export const storage = new LocalStorage('sea');
