// 封装三个函数
    // 1、setCookie()          创建Cookie
    // 2、getCookie()          获取Cookie
    // 3、removeCookie()       删除cookie
    // 4、清除所有值

    // 面向对象的三个基本特征: 封装、继承、多态



    // 1、setCookie()          创建Cookie
    function setCookie(key,val,time){
        var date = new Date();
        date.setDate(date.getDate() + time);
        document.cookie = `${key}=${val};expires=${date}`;
    }



    // 2、getCookie()          获取Cookie
    function getCookie(key){
        var arry = document.cookie.split('; ');  //分隔字符串
        for(var item of arry){   //从arry里面拿到所有值,存到item里面
            var newArry = item.split('=');
            if(newArry[0] == key){
                return newArry[1]; //把单个值拿出来
            }
        }
    }



    // 3、removeCookie()       删除cookie
    function removeCookie(key){
        //调用当前的设置cookie  把时间改成-1
        this.setCookie(key,'',-1);
    }



    // 4、清空cookie里面的所有值
    function clearCookie(){
        var arry = document.cookie.split('; ');
        for(var item of arry){  //遍历arry的每一项,且存在item里面
            var newArry =  item.split('=');
            this.setCookie(newArry[0],'',-1);
        }
    }