js 封装缓存

1、localStorage.getItem 是浏览器中用于从 localStorage 中读取数据的 JavaScript 方法。localStorage 是一种 Web 存储机制，允许你在用户的浏览器中存储键值对数据，这些数据在页面刷新或浏览器关闭后仍然保留（除非被手动清除或通过代码删除）。

2、sessionStorage.getItem 是浏览器中用于从 sessionStorage 中读取数据的 JavaScript 方法。sessionStorage 是一种 Web 存储机制，允许你在用户的浏览器中存储键值对数据，这些数据在页面会话期间可用（即浏览器标签页或窗口关闭后会被清除）。

const tool = {}
// localStorage
tool.data = {
	set(table, settings) {
		const _set = JSON.stringify(settings)
		return localStorage.setItem(table, _set)
	},
	get(table) {
		let data = localStorage.getItem(table)
		try {
			data = JSON.parse(data)
		} catch (err) {
			return null
		}
		return data
	},
	remove(table) {
		return localStorage.removeItem(table)
	},

	clear() {
		return localStorage.clear()
	}
}

// sessionStorage
tool.session = {
	set(table, settings) {
		const _set = JSON.stringify(settings)
		return sessionStorage.setItem(table, _set)
	},
	get(table) {
		let data = sessionStorage.getItem(table)
		try {
			data = JSON.parse(data)
		} catch (err) {
			return null
		}
		return data
	},
	remove(table) {
		return sessionStorage.removeItem(table)
	},
	clear() {
		return sessionStorage.clear()
	}
}
export default tool

使用

import tool from "@/utils/tool";
 tool.data.set("userId", id);
 tool.data.remove("userId");