js封装函数-缓存操作

最新推荐文章于 2026-02-04 15:39:33 发布

原创最新推荐文章于 2026-02-04 15:39:33 发布 · 229 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #javascript #缓存

收录于

/** 设置缓存 **/
export function setLocalStorage(key: string, data: string | object | any) {
    let value: string = ''
    value = ['object'].includes(typeof data) ? JSON.stringify(data) : (data as string)
    if (key == 'userInfo') {
        const users = JSON.stringify({
            companyId: data?.companyId,
            token: data?.token,
            companyName: data?.companyName,
            companyLogo: data?.companyLogo,
            serviceType: data?.serviceType,
        })
        setCookie('token', data?.token, 2)
        setCookie('userInfo', encodeURIComponent(users), 2, import.meta.env.VITE_DOMAIN)
    }
    window.localStorage.setItem(key, value)
}

/** 获取缓存 **/
export function getLocalStorage(key: string) {
    try {
        return JSON.parse(window.localStorage.getItem(key) as string)
    } catch (error) {
        return window.localStorage.getItem(key) as any
    }
}
/** 删除缓存 **/
export function removeLocalStorage(key: string) {
    if (key == 'userInfo') {
        clearAllCookie()
    }
    window.localStorage.removeItem(key)
}
/** 删除全部缓存 **/
export function removeAllLocalStorage() {
    clearAllCookie()
    window.localStorage.clear()
}