js封装cookie 实现cookie的设置、获取和删除

设置+获取 cookie

        // 设置和获取cookie
        // 把三个可选参数 放在options里。因为domain、path非必要的情况下不传，而expires的传的频率又比较高
        function cookie( name , value , options){
            // if参数大于一个且value 是一个字符串 ->那么我们认为此时我们在设置cookie
            if( arguments.length > 1 && typeof value === "string"){
                // 1.设置cookie
                // 让options不传参数的时候也是一个对象
                if(!isObject( options )){
                    options = {};
                }
                // 如果 expires 传了的话
                if( typeof options.expires === "number"){
                    // expires 参数的单位为天
                    var d = new Date();
                    d.setDate( d.getDate() + options.expires );
                }
                return (document.cookie = [
                    // 操作必选参数name、value的字符串
                    name + "=" + value,
                    // 可选参数传了没？ 传了就在必选参数的字符串后面拼接一下，没传就算了
                    typeof options.expires === "number" ? ";expires=" + d : "",
                    typeof options.domain === "string" ? ";domain=" + options.domain : "",
                    typeof options.path === "string" ? ";path=" + options.path : "",
                ].join(""));//用join 把数组变成字符串
            }
            // 2.获取cookie
            var cookie_string = document.cookie;
            // 字符串拆分 
            // 把一条cookie按属性拆分 这时候拆分是 分号 + 空格
            var cookie_array  = cookie_string.split("; ");
            for(var i = 0 ; i < cookie_array.length ; i ++){
                // 再拆分成2部分 cookie的key值 和 cookie 的value值
                // 0项是name  1项是value
                if( cookie_array[i].split("=")[0] === name ){
                    // 如果找到了要找的name  就返回对应的value
                    return cookie_array[i].split("=")[1]
                }
            }
            // 如果没找到 返回空字符串
            return "";
        }

删除cookie

        // 删除cookie 
        // 把过期时间 设置为前一天
        function removeCookie( name , options ){
            /*options 可以是对象 object/ 也可以是一个字符串"string"  
            1.如果他是对象了 里面就有数据，我们添加一个对象{expires : -1}。
                为了把它放入要删除的对象里面，要把options和这个对象进行合并assign
            2.如果是一个字符串 把它变成对象 同理合并expires : -1
            */
            cookie( name ,"" ,  isObject( options ) ? assign( options , { expires : -1 }) : { path : options, expires : -1  })
        }

两个小功能的封装

    1.判断是否是对象  isObject

    2.对象合并  assign

        // 判断是不是对象 
        function isObject( data ){
            return (typeof data === "object" && data !== null && data.constructor && data.constructor === Object)
            // 前两个逻辑 区分对象和null：判定数据类型必须为 "object" , data 不能为 null(因为typeof null === "object")
            // 后两个逻辑 区分数组和对象:存在 data.constructor 并且data.constructor是对象构造出来的(因为typeof [] 也是"object",但是arr.constructor 不是 Object，是Array)
        }
        // 对象合并
        function assign(){
            // 拿出第一个对象
            var target = arguments[0];
            // 其他对象合并到第一个对象中去
            for(var i = 1 ; i < arguments.length ; i ++){
                // 其他对象的所有属性 都放到target里面
                for(var attr in arguments[i]){
                    target[attr] = arguments[i][attr];
                }
            }
            return target;
        }

 

---

测试功能：

        // 设置cookie
        cookie("test","hello");
        cookie("test2","hello2",{
            expires : 5,
            path : "/php/"
        });
        // 获取cookie 的value值
        var res = cookie("test2");
        console.log(res);