React Native AsyncStorage本地存储工具类


Posted in Javascript onOctober 24, 2017

利用react-native组件AsyncStorage,通过promise,保存本地数据,具体内容如下

import {AsyncStorage} from 'react-native';

export default class StorageUtil {

  /**
   * 保存一个Json对象
   * @param key
   * @param value
   * @param callback
   */
  static async saveJsonObject(key, value) {
    return await this.saveString(key, JSON.stringify(value));
  }


  /**
   * 获取一个Json对象
   * @param key
   * @param defaultObject
   */
  static async getJsonObject(key, defaultObject) {
    let result=null;
    try{
      result=await this.getString(key,null);
      result=await JSON.parse(result);
    }catch (err){
      if(defaultObject){
        return Promise.resolve(defaultObject);
      }else{
        return Promise.reject(err);
      }
    }
    return result;

  }


  /**
   * 保存一个值
   * @param key
   * @param value
   */
  static async saveString(key, value) {
    if (key != null && value != null) {
      //Key 与Value 都不为空
      try {
         await AsyncStorage.setItem(key, value)
      } catch (err) {
        return Promise.reject(err)
      }
      return Promise.resolve(true);
    } else {
      return Promise.reject({"msg": "Key and value can not be null"});
    }
  }

  /**
   * 获取一个值
   * @param key
   * @param defaultValue
   */
  static async getString(key, defaultValue) {
    let result = null;
    let noDataError = {"msg": "No value found !"};
    if (key != null) {
      result = await AsyncStorage.getItem(key);
      // console.log('get string result',result,defaultValue);
      return result ? result : defaultValue!=null ? defaultValue : Promise.reject(noDataError);
    } else {
      if (defaultValue) {
        return Promise.resolve(defaultValue);
      } else {
        return Promise.reject(noDataError);
      }
    }

  }


  /**
   * 移除一个值
   * @param key
   */
  static async remove(key) {
    let result = true;
    try {
      result = await AsyncStorage.removeItem(key);
    } catch (err) {
      return Promise.reject(err)
    }
    return result;
  }


  /**
   * 获取所有已存储
   */
  static async getAllKeys() {
    let result=true;
    try {
      result = await AsyncStorage.getAllKeys();
    } catch (err) {
      return Promise.reject(err)
    }
    return result;
  }

}

外界调用

保存

StorageUtil.saveJsonObject(KEY_LOCAL_USER_INFO, user);

读取

StorageUtil.getJsonObject(KEY_LOCAL_USER_INFO).then(data=>{console.log(data))}

清除

StorageUtil.remove(KEY_LOCAL_USER_INFO)

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
Jan 29 Javascript
jQuery学习笔记之jQuery的动画
Dec 22 Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
select多选 multiple的使用示例
Jun 16 Javascript
Angular中的Promise对象($q介绍)
Mar 03 Javascript
Javascript removeChild()删除节点及删除子节点的方法
Dec 27 Javascript
JS定时器用法分析【时钟与菜单中的应用】
Dec 21 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
Jun 22 jQuery
webpack构建vue项目的详细教程(配置篇)
Jul 17 Javascript
vue 表单之通过v-model绑定单选按钮radio
May 13 Javascript
序列化模块json代码实例详解
Mar 03 Javascript
React Native验证码倒计时工具类分享
Oct 24 #Javascript
详解vue + vuex + directives实现权限按钮的思路
Oct 24 #Javascript
React Native实现地址挑选器功能
Oct 24 #Javascript
Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法
Oct 24 #Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 #Javascript
Vue v2.5 调整和更新不完全问题
Oct 24 #Javascript
Vue.js 2.5新特性介绍(推荐)
Oct 24 #Javascript
You might like
PHP音乐采集(部分代码)
2007/02/14 PHP
打造超酷的PHP数据饼图效果实现代码
2011/11/23 PHP
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
深入for,while,foreach遍历时间比较的详解
2013/06/08 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
使用php自动备份数据库表的实现方法
2017/07/28 PHP
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
Javascript中数组sort和reverse用法分析
2014/12/30 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
jquery实现很酷的网页顶部图标下拉菜单效果
2015/08/22 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
详谈js中数组(array)和对象(object)的区别
2017/02/27 Javascript
原生js编写2048小游戏
2017/03/17 Javascript
详解jQuery中的isPlainObject()使用方法
2018/02/27 jQuery
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
js实现倒计时秒杀效果
2020/03/25 Javascript
进一步理解Python中的函数编程
2015/04/13 Python
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
Python制作刷网页流量工具
2017/04/23 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
Python3使用腾讯云文字识别(腾讯OCR)提取图片中的文字内容实例详解
2020/02/18 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
详解CSS3选择器的使用方法汇总
2015/11/24 HTML / CSS
存储过程的优点有哪些
2012/09/27 面试题
智能电子应届生求职信
2013/11/10 职场文书
十佳青年个人事迹材料
2014/01/28 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
办公室务虚会发言材料
2014/10/20 职场文书
2014年领班工作总结
2014/11/25 职场文书