封装cookie【可参考】

// 设置cookie 的 键 值
function setCookie(key, val, time) {
    var date = new Date();
    date.setDate(date.getDate() + time); //time 数据保存时间
    // 第一种方式：使用模板字符串
    // document.cookie = `${key}=${val};expires= ${date}`;
    // 第二种方式：使用字符串拼接
    document.cookie = key + '=' + val + ';expires=' + date;
    // console.log(document.cookie)
}

// 获取cookie的值
function getCookie(key) {
    // 创建数组,for遍历cookie
    var arr = document.cookie.split('; ');
    for (var item of arr) {
        // console.log(item)
        // 再创建数组,for遍历cookie
        var new_arr = item.split('=');
        // console.log(new_arr)
        if (new_arr[0] == key) {
            return new_arr[1];
        }
    }
}

// 删除rookie
function removeCookie(key) {
    // 调用当前cookie ,将时间代为-1
    this.setCookie(key, '', -1);
}

// 清空cookie
function clearCookie() {
    var arr = document.cookie.split('; ');
    for (var item of arr) {
        var new_arr = item.split('=');
        this.setCookie(new_arr[0], '', -1);
    }
}