localStorage工具類的封裝分享

在實際項目開發的過程中,我們難免會用到本地緩存這些東西,像cookie,localStorage,sessionStorage啊,雖然這些很簡單,今天分享一個基於localStorage工具類的封裝。

/**
 * localStorage 幫助類
 * 小提示: 用static修飾的方法,可以用類名加方法名直接調用
 */
class localStorageUtil {
 /**
  * localStorage前綴(每個公司localStorage都會存自己特有的標識,類似於項目名稱縮寫,或公司拼音名稱縮寫)
  * @return {[type]} [description]
  */
 static _key = (key) => {
     return 'ym' + key;
 };

 /**
  * 根據key獲取localStorage
  * @param  {[type]} key [description]
  * @return {[type]}     [description]
  */
 static get = (key) => {
     return localStorage.getItem(localStorageUtil._key(key));
 };

 /**
  * 設置localStorage
  * @param  {[type]} key [description]
  * @param  {[type]} val [description]
  * @return {[type]}     [description]
  */
 static set = (key, val) => {
     return localStorage.setItem(localStorageUtil._key(key), val);
 };

 /**
  * 刪除指定的localStorage
  * @param  {[type]} key [description]
  * @return {[type]}     [description]
  */
 static del = (key) => {
     return localStorage.removeItem(localStorageUtil._key(key));
 };

 /**
  * 清空localStorage
  * @return {[type]} [description]
  */
 static clear = () => {
     return localStorage.clear();
 };
}
export default localStorageUtil;

如何錯誤請指正!!!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章