为编程爱好者分享易语言教程源码的资源网
好用的代理IP,游戏必备 ____广告位招租____ 服务器99/年 ____广告位招租____ ____广告位招租____ 挂机,建站服务器
好用的代理IP,游戏必备 ____广告位招租____ 服务器低至38/年 ____广告位招租____ ____广告位招租____ 挂机,建站服务器

网站首页 > 网络编程 正文

分享一个自研localStorage工具方法

三叶资源网 2022-09-29 20:18:50 网络编程 212 ℃ 0 评论

最近项目中使用到了localStorage 方法,原生方法使用起来肯定是不方便的,满足不了使用需求,于是自己就封装了一个 ,具备 set,get ,clear 功能。要求是保证数据类型的读写一致,也就是说,set什么类型的值进去,get的结果必须是这个类型。

上代码:

// storage
const storage = {
  set(key,val){
    if(!window.localStorage){
      return
    }
    if(typeof val ==='object'){
      localStorage.setItem(key,JSON.stringify(val))
    }else{
      localStorage.setItem(key,val)
    }
  },
  get(key){
    if(!window.localStorage){
      return
    }
    let _data = localStorage.getItem(key);
    if(!_data){
      return null;
    }
    if(_data.indexOf('{"') > -1 || _data.indexOf('[') >-1 || !isNaN(_data) || _data ==='false' || _data ==='true'){
      _data = JSON.parse(localStorage.getItem(key))
    }
    return _data
  },
  clear(key){
    if(!window.localStorage){
      return
    }
    localStorage.removeItem(key)
  }
}
export {
  storage
}

支持 string,number,object,boolean 四种数据类型值得写入和读取,在set时不需要手动转换成 string ,get后也会保持一致的类型值。

如你发现了优化点 欢迎指正,感谢阅读!

Tags:

来源:三叶资源网,欢迎分享,公众号:iisanye,(三叶资源网⑤群:21414575

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

百度站内搜索
关注微信公众号
三叶资源网⑤群:三叶资源网⑤群

网站分类
随机tag
圆形图像旋转易语言视频教程套接字Websocket服务器多线程安全Hook自动同意进群易语言寻路崩溃自动转储微信图片数据解密二维码登录发送文本call通信开源下载器文件分割器虎牙登陆GDI图像处理百度云防护腾讯url.cn短网址大数据去重复大漠插件
最新评论