JS封装Cookie创建、获取、删除函数分享

在构建网站时，利用JavaScript封装Cookie创建、获取和删除功能至关重要。这不仅能提升用户体验，还能确保数据安全和隐私保护。通过精心设计的函数，我们可以让用户轻松地管理自己的登录状态，从而优化网站的交互性和可用性。

创建Cookie

function setCookie(key, value, time) {
    var times = new Date();  //获取当前的时间
    times.setDate(times.getDate() + time); //设置时间
    document.cookie = key + '=' + value + ';expires=' + times;  //在cookie中创建
}

获取Cookie

function getCookie(key) {
    var cookie_ = document.cookie;  //拿到cookie中的所有数据  是一个字符串
    var cookie_arr = cookie_.split('; ');// 以 ;和空格 分割成数组
    for (var k of cookie_arr) {//循环遍历数组cookie_arr  for of 遍历取到值
        var res = k.split('=');  //以等号再次进行分割
        if (res[0] == key) {
            return res[1];
        }
    }
}

删除Cookie

function removeCookie(key) {
    this.setCookie(key, '', -1);  //再次调用创建函数 把时间改为负数 就等于删除
}