最近整理框架時候，封裝了一份local操作，分享下 需要的人可以使用哦

/**
* @description globelLocal操作
*/
import { objectTool } from 'mwutil'
class Local {
constructor (name) {
this.store = window.localStorage
this.storeName = name
}
// 設定一個local
set (key, value) {
//儲存
let storeData = this.store.getItem(this.storeName)
if(!storeData){
this
 
.init()
storeData = this.store.getItem(this.storeName)
}
storeData = JSON.parse(storeData)
storeData.data[key] = value
this.store.setItem(this.storeName, JSON.stringify(storeData))
return storeData.data
}
// 批量設定local
batchSet (obj) {
if (!objectTool.isObject(obj)) {
return
}
for (const key in obj) {
 
this.set(key, obj[key])
}
}
// 獲取一個local
get (key) {
//讀取
let result = this.getAll()
if (!result) {
return null
}
return result[key]
}
// 批量獲取local
batchGet () {
let result = {}
const allLocal = this.getAll()
if (!allLocal) {
return result
}
for (var i = 0; i < arguments.length; i++) {
const item = arguments[i]
result[item] 
 
= allLocal[item]
}
return result
}
// 獲取全部
getAll () {
let storeData = this.store.getItem(this.storeName)
if(!storeData){
return null
}
storeData = JSON.parse(storeData)
return storeData.data
}
// 刪除一個
remove (key) {
//讀取
let storeData = this.store.getItem(this.storeName)
if(!storeData){
return
}
storeData = JSON.parse(storeData)
delete storeData.data[key]
this.store.setItem(this.storeName,JSON.stringify(storeData))
return storeData.data
}
// 清除
clear () {
//清除物件
this.store.removeItem(this.storeName)
}
// 初始化
init () {
this.store.setItem(this.storeName,'{"data":{}}')
}
}
export default new Local('__global')

注： 因為我在專案中只是需要global local 你們用的時候可以直接吧class export 這樣就可以在使用的地方進行相應nameSpace

注2: mwutil為我寫的一個庫

使用方法：

// 批量獲取
globalLocal.batchGet('a', 'b')
// 單個獲取
globalLocal.get('token')
// 清空
globalLocal.clear()
// 批量設定
globalLocal.batchSet({
  a: aValue,
  b: bValue    
}
// 單個設定
globalLocal.set(a, aValue)
// 獲取全部
globalLocal.getAll()
// 刪除一個
globalLocal.remove(a)