小昱个人博客
欢迎来到小昱的世界

勤学如春起之苗,不见其增,日有所长;辍学如磨刀之石,不见其损,日有所亏
[代码]关于localstorage的封装
  • 首页 > 前端 > JavaScript
  • 作者:小昱
  • 2017年7月19日 16:38 星期三
  • 浏览:154
  • 字号:
  • 评论:0
  • 众所周知,原生JS对localstorage是作为字符串操作的,而实际上我们经常存储一些对象到localstorage当中,此时使用原生JS操作localstorage并不方便,需要手动转化为JSON格式,因此本人封装一个简单地localstorage操作对象,简化localstorage的操作。

    let localStorageOperating = {
      // 更新数据
      updateData: function (key, value) {
        if (window.localStorage.getItem(key) !== null) {
          this.deleteData(key)
        }
        window.localStorage.setItem(key, window.JSON.stringify(value))
      },
      // 删除数据
      deleteData: function (key) {
        window.localStorage.removeItem(key)
      },
      // 获取数据
      getData: function (key) {
        let data = window.localStorage.getItem(key)
        return typeof data === 'undefined' || data === null ? data : JSON.parse(data)
      }
    }


      您阅读这篇文章共花了:  
    二维码加载中...
    本文作者:小昱      文章标题: [代码]关于localstorage的封装
    本文地址:http://www.xiaoyulive.top/?post=106
    版权声明:若无注明,本文皆为“小昱个人博客”原创,转载请保留文章出处。
    返回顶部| 首页| 碰碰手气| 捐赠支持| 手机版本|后花园

    Copyright © 2016-2017 小昱个人博客 滇ICP备16006294号