使用ES6封装JS的Cookie_coolie 怎么支持es6

1. 设置Cookie的函数：

因为名值对可能出现非英文字符，所以使用encodeURIComponent函数进行编码

const set = (name, value, { maxAge, domain, path, secure } = {}) => {
    let cookieText = `${encodeURIComponent(name)} = ${encodeURIComponent(value)}`;
    if (typeof maxAge === 'number') {
        cookieText += `; max-age=${maxAge}`;
    }
    if (domain) {
        cookieText += `; domain=${domain}`;
    }
    if (path) {
        cookieText += `; path=${path}`;
    }
    if (secure) {
        cookieText += `; secure`;
    }
    document.cookie = cookieText;
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

2. 获取Cookie的函数：

使用split函数将Cookie字符串拆分成数组，最后提取到name和value
使用decodeURIComponent对值进行解码

const get = name => {
    name = `${encodeURIComponent(name)}`;
    const cookies = document.cookie.split('; ');
    for (const item of cookies) {
        const [cookieName, cookieValue] = item.split('=');
        if (cookieName === name) {
            return decodeURIComponent(cookieValue);
        }
    }
    return;
};
1
2
3
4
5
6
7
8
9
10
11

3. 删除Cookie的函数：

当max-age设置成非正数时，视为删除Cookie

const remove = (name, { domain, path } = {}) => {
    set(name, '', { domain, path, maxAge: -1 });
};
1
2
3