用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对象包含了三个方法:setgetremove,分别用于设置、获取和删除cookie。set方法接受三个参数:cookie的名称、值和过期天数(默认为1天)。get方法接受一个参数:cookie的名称,并返回对应的值。如果找不到指定的cookie,则返回nullremove方法通过设置一个过去的过期时间来删除指定的cookie。

posted @   王铁柱6  阅读(13)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示