用js封装一个对cookie操作的方法
在前端开发中,使用JavaScript来封装对cookie的操作是一个常见的需求。以下是一个简单的示例,展示了如何封装设置(set)、获取(get)和删除(remove)cookie的方法:
// 封装cookie操作的方法
const cookie = {
// 设置cookie
set(name, value, daysToExpire = 1) {
let date = new Date();
date.setTime(date.getTime() + (daysToExpire*24*60*60*1000));
document.cookie = name + '=' + value + ';expires=' + date.toGMTString() + ';path=/';
},
// 获取cookie
get(name) {
let nameEq = name + '=';
let cookies = document.cookie.split(';');
for(let c of cookies) {
while (c.charAt(0) == ' ') {
c = c.substring(1, c.length);
}
if (c.indexOf(nameEq) == 0) {
return c.substring(nameEq.length, c.length);
}
}
return null;
},
// 删除cookie
remove(name) {
this.set(name, '', -1); // 设置过期时间为过去的时间来删除cookie
}
};
// 使用示例:
// 设置cookie
cookie.set('username', 'JohnDoe', 7); // 设置名为'username'的cookie,值为'JohnDoe',7天后过期
// 获取cookie
let username = cookie.get('username'); // 获取名为'username'的cookie的值
console.log(username); // 输出:JohnDoe
// 删除cookie
cookie.remove('username'); // 删除名为'username'的cookie
这个示例中的cookie
对象包含了三个方法:set
、get
和remove
,分别用于设置、获取和删除cookie。set
方法接受三个参数:cookie的名称、值和过期天数(默认为1天)。get
方法接受一个参数:cookie的名称,并返回对应的值。如果找不到指定的cookie,则返回null
。remove
方法通过设置一个过去的过期时间来删除指定的cookie。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了