typescript+cookie的封装

最新推荐文章于 2024-09-03 09:25:59 发布

vueer

最新推荐文章于 2024-09-03 09:25:59 发布

阅读量2k

点赞数 1

分类专栏： web 文章标签： cookie typescript

本文链接：https://blog.youkuaiyun.com/wangming0123/article/details/117361640

版权

web 专栏收录该内容

29 篇文章

订阅专栏

这段代码展示了如何使用JavaScript进行Cookie的设置和获取。它支持以毫秒、日期字符串或Date对象设置过期时间，并提供了默认的过期时间。在设置Cookie时，通过检查时间类型并转换为合适的UTC字符串，确保了Cookie的有效存储。同时，getCookie函数用于从文档的cookie字符串中检索特定键的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * 
 * @param key            就是key
 * @param value          就是value
 * @param time:number    以毫秒的形式设置过期时间         ===》3000  
 * @param time:string    以时间字符的形式设置过期时间    ===》Sat, 13 Mar 2017 12:25:57 GMT  
 * @param time:Date      以Date设置过期时间             ===》new Date(2017, 03, 12)
 * 
 * @param defaultTime     如果没有时间参数，设置默认过期时间 单位毫秒
 */

const defaultTime = 86400000
//设置cookie
export function setCookie(key: string, value: string, time?: number | Date) {
    let invalid = new Date();;
    if (time) {
        switch (typeof time) {
            case 'number':
                invalid.setTime(invalid.getTime() + time)
                break;
            default:
                invalid = time
        }
    } else {
        invalid.setTime(invalid.getTime() + defaultTime)
    }
     //字符串拼接cookie
     window.document.cookie = key + "=" + value + ";path=/;expires=" + invalid.toUTCString();
};

//读取cookie
export function getCookie(param: string) {
    var c_param = '';
    if (document.cookie.length > 0) {
        var arr = document.cookie.split('; '); //这里显示的格式需要切割一下自己可输出看下
        for (var i = 0; i < arr.length; i++) {
            var arr2 = arr[i].split('='); //再次切割
            //判断查找相对应的值
            if (arr2[0] == param) {
                c_param = arr2[1];
                //保存到保存数据的地方
            }
        }
        return c_param;
    }
};