js-本地存储相关应用

1 本地存储设置与获取(使用es6语法)

 

// 保存到本地localStore
export function setLocalStore(id, key, value) {
  let seller = window.localStorage._seller_; // 准备保存到这个属性下面
  if (!seller) { // 不存在 第一次保存时
    seller = {};
    seller[id] = {};
  } else {
    seller = JSON.parse(seller); // 转换为json对象
    if (!seller[id]) {
      seller[id] = {};
    };
  };
  seller[id][key] = value;
  window.localStorage._seller_ = JSON.stringify(seller); //将json转换为字符串
};

// 取得localStore的内容
export function getLocalStore(id, key, def) {
  let seller = window.localStorage._seller_;
  if (!seller) { // 如果local不存在没存储过
    return def;
  };
  seller = JSON.parse(seller)[id];
  if (!seller) { // 值为false
    return def;
  }
  let ret = seller[key];
  return ret || def; // set有值就返回没有就返回默认值
};

 

使用

import {setLocalStore, getLocalStore} from 'common/js/store';

setLocalStore(this.seller.id, 'favorite', this.favorite);  // 设置
getLocalStore(this.seller.id, 'favorite', false); // 获取

 localStorage 和 file、database 一样，是存储，有永久性质。只有手动删除