微信小程序封装同步本地储存storage API代码

1. 添加本地存储

/**
 * 封装同步 storage 存储
 * @param {*} key 
 * @param {*} value 
 */
export const setStorage = (key, value) => {
	try {
		wx.setStorageSync(key, value)
	} catch (error) {
		console.error(`存储 ${key} 的时候发送异常`, error)
	}
}

• 使用

import { setStorage, getStorage, removeStorage, clearStorage } from './utils/storage'

App({
	setSto(){
		setStorage("name", "张三")
	}
	
})

2. 获取本地存储

/**
 * 封装同步 storage 获取
 * @param {*} key 
 */
export const getStorage = (key) => {
	try {
		const val = wx.getStorageSync(key)
		if(val) return val
	} catch (error) {
		console.error(`获取 ${key} 的时候发送异常`, error)
	}
}

• 使用

import { setStorage, getStorage, removeStorage, clearStorage } from './utils/storage'

App({
	getSto(){
		const name = getStorage("name")
		console.log(name); // 张三
	}
})

3. 删除某个本地存储

/**
 * 封装同步 storage 删除某个
 * @param {*} key 
 */
export const removeStorage = (key) => {
	try {
		wx.removeStorageSync(key)
	} catch (error) {
		console.error(`删除 ${key} 的时候发送异常`, error)
	}
}

• 使用

import { setStorage, getStorage, removeStorage, clearStorage } from './utils/storage'

App({
	removeSto(){
		removeStorage("name")
	}
})

4. 清空所有本地存储

/**
 * 封装同步 storage 清空
 */
export const clearStorage = () => {
	try {
		wx.clearStorageSync()
	} catch (error) {
		console.error(`清空的时候发送异常`, error)
	}
}

• 使用

import { setStorage, getStorage, removeStorage, clearStorage } from './utils/storage'

App({
	clearSto(){
		clearStorage()
	}
})