微信小程序标准版统一封装storage操作及使用方法记录

先上封装之后的代码：

/** * 微信小程序标准版：统一封装的 storage 操作类 */ class Storage { types = { 1: 'get', // get 2: 'set', // set 3: 'rm' // rm } /** 构造函数，这里没用 */ constructor() {} /** * * @param {*} key | 要操作的键值 * @param {*} type | 类型，是 get set rm * @param {*} emptyFlag | 是否判断为空情况，默认判断 true，false 为不判断 */ checkKeyType(key, type, emptyFlag = true) { if (typeof key != 'string') { throw new Error(`Storage ${this.types[type]} func: key must be string`) return false } if (emptyFlag) { let tmpKey = key.TrimStr() if (tmpKey == '') { throw new Error(`Storage ${this.types[type]} func: key can not be empty`) return false } return tmpKey; } return key } /** * * @param {*} key | 要操作的键值 * @param {*} syncFlag | 同步状态，默认 false (异步)，true 为同步 */ get = (key, syncFlag = false) => { const tmpKey = this.checkKeyType(key, 1) if (tmpKey) { const errMsg = 'Storage get: failed to get data' return new Promise((resolve, reject) => { if (syncFlag) { let res = wx.getStorageSync(tmpKey) if (res) { resolve(JSON.parse(res)) } else { reject(errMsg) } } else { wx.getStorage({ key: tmpKey, success: (res) => { resolve(JSON.parse(res.data)) }, fail: (err) => { console.log(err) reject(errMsg) } }) } }) } } /** * * @param {*} key | 要操作的键值 * @param {*} data | 要存储的值，会转换为 JSON 串进行存储 * @param {*} syncFlag | 同步状态，默认 false (异步)，true 为同步 */ set = (key, data, syncFlag) => { const tmpKey = this.checkKeyType(key, 2) if (tmpKey) { const sucMsg = 'Storage set: set data successfully' const errMsg = 'Storage set: failed to set data' return new Promise((resolve, reject) => { let tmpData = JSON.stringify(data) if (syncFlag) { try { wx.setStorageSync(tmpKey, tmpData) resolve(sucMsg) } catch (err) { console.log(err) reject(errMsg) } } else { wx.setStorage({ data: tmpData, key: tmpKey, success: () => { resolve(sucMsg) }, fail: (err) => { console.log(err) reject(errMsg) } }) } }) } } /** * * @param {*} key | 要操作的键值，为空则清空所有，有值则清空指定的值 * @param {*} syncFlag | 同步状态，默认 false (异步)，true 为同步 */ rm = (key = '', syncFlag = false) => { let tmpKey = this.checkKeyType(key, 3, false) tmpKey = tmpKey.TrimStr() const sucMsg = 'Storage rm: rm data successfully' const errMsg = 'Storage rm: failed to rm data' return new Promise((resolve, reject) => { if (tmpKey == '') { if (syncFlag) { try { wx.clearStorageSync() resolve(sucMsg) } catch (err) { console.log(err) reject(errMsg) } } else { wx.clearStorage({ success: (res) => { resolve(sucMsg) }, fail: (err) => { console.log(err) reject(errMsg) } }) } } else { if (syncFlag) { try { wx.removeStorageSync(tmpKey) resolve(sucMsg) } catch (err) { console.log(err) reject(errMsg) } } else { wx.removeStorage({ key: tmpKey, success: () => { resolve(sucMsg) }, fail: (err) => { console.log(err) reject(errMsg) } }) } } }) } } String.prototype.TrimStr = function () { return this.replace(/(^\s*)|(\s*$)/g, ''); } export { Storage }

使用：

在 app.js 顶部引入并注册 App 上

import {Storage} from './utils/storage' const $Storage = new Storage(); App({ onLaunch: function () {}, globalData: {}, $Storage:$Storage, getStorage:$Storage.get, setStorage:$Storage.set, rmStorage:$Storage.rm, })

在 index.js 里边使用 demo

//index.js //获取应用实例 const app = getApp() Page({ data: { }, onLoad: function () { app.$Storage.set('aaa',{a:'a',b:'b'}) .then(res=>{ console.log(res) return app.$Storage.get('aaa') }) .then(res=>{ console.log(res) }) .catch(err=>{ console.log(err) }) app.setStorage('bbb',{b:'b',c:'c'}) .then(res=>{ console.log(res) return app.getStorage('bbb') }) .then(res=>{ console.log(res) }) .catch(err=>{ console.log(err) }) } })