[小程序开发] 本地存储API封装

一、同步存储API（wx.setStorageSync，wx.getStorageSync，wx.removeStorageSync，wx.clearStorageSync）

        1、存储

// 存储本地数据封装
// key:本地缓存中指定的key，value：需要缓存的数据
export const setStorageSync=(key, value) => {
	try{
		wx.setStorageSync(key, value)
	}catch(error){
		console.error('存储指定 ${key} 数据发生异常',error)
	}
}

        2、读取

// 从本地读取指定key的数据
export const getStorage=(key) => {
	try {
		const value= wx.getStorageSync(key)
		if(value){
			return value
		}
	} catch (error) {
		console.error('读取指定 ${key} 数据发生异常',error)
	}
}

        3、移除

// 从本地移除指定key的数据
export const removeStorage=(key)=>{
	try {
		wx.removeStorageSync(key)
	} catch (error) {
		console.error('移除指定 ${key} 数据发生异常',error)
	}
}

        4、清空

// 从本地移除、清空全部的数据
export const clearStorage=()=>{
	try {
		wx.clearStorageSync()
	} catch (error) {
		console.error('移除、清空数据发生异常',error)
}

        5、在app.js文件中调用

import{setStorage,getStorage,removeStorage,clearStorage} from './utils/storage'
App({
    async onShow(){

	// 调用封装的setStorage，同步存储数据
	setStorage('name','tom')

	// 调用封装的getStorage，同步读取数据
	const name =getStorage('name')
	console.log(name)

	// 调用封装的renmoveStorage，同步移除数据
	removeStorage('name')

	// 调用封装的clearStorage，同步移除全部数据
	clearStorage()

	}

})

二、异步存储API（wx.setStorage，wx.getStorage，wx.removeStorage，wx.clearStorage）

        1、存储

// 将数据存储的本地
// key：本地缓存中指定的key，data：需要缓存的数据
export const asyncSetStorage = (key,data) => {
	return new Promise((resolve)=>{
		wx.setStorage({
			key,
			data,
			complete(res){
				resolve(res)
			}
		})
	})
}

        2、读取

// 从本地读取指定key的数据
export const asyncGetStorage=(key)=>{
	return new Promise((resolve)=>{
		wx.getStorage({
			key,
			complete(res){
				resolve(res)
			}
		})
	})
}

        3、移除

// 从本地移除指定key的数据
export const asyncRemoveStorage=(key)=>{
	return new Promise((resolve)=>{
		wx.asyncRemoveStorage({
			key,
			complete(res){
				resolve(res)
			}
		})
	})
}

        4、清空 

// 从本地清除、移除所有数据
export const asyncClearStorage=()=>{
	return new Promise((resolve)=>{
		wx.clearStorage({
			complete(res){
				resolve(res)
			}
		})
	})
}

        5、在app.js文件中调用

import{asyncSetStorage,asyncGetStorage,asyncRemoveStorage,asyncClearStorage} from './utils/storage'
App({
    // 调用封装的setStorage，异步存储数据
	asyncSetStorage('name','tom').then((res)=>{
	console.log(res)
	})

	// 调用封装的getStorage，异步读取数据
	asyncGetStorage('name').then((res)=>{
	console.log(res)
	})

	// 调用封装的renmoveStorage，异步移除数据
	asyncRemoveStorage('name').then((res)=>{
	console.log(res)
	})

	// 调用封装的clearStorage，异步移除全部数据
	asyncClearStorage().then((res)=>{
		console.log(res)
	})

})