身份的象征--“cookie”

　　　　在我们的日常浏览新网页的时候，或多或少的就会经历这么一件事情，注册账号或者登录账号，而我们的账号在一些网页上还会分为vip和普通用户，而这非常重要的个人信息在浏览器中是如何存储的呢，，很显然像题目一样，就是cookie了。

       Cookie的信息代表了你在这个网页的身份，那么一条cookie中都含有什么呢，打开浏览器的控制台，调到application下面的cookie我们打开可以看到cookie所包含的内容，那么我们要关注的内容就是name，value，domain（域名），path（url），expires（过期时间）。

　　知道了cookie是什么之后，我相信有很多人都会对他的操作感兴趣，下面我就来给大家介绍一下如何用原生js来封装cookie。

       首先在我们进行封装之前要先进行分析我们想要实现什么样的功能，对于cookie封装我们要实现的功能一共三项：1.设置cookie，2.获取cookie 3.删除cookie，而对于获取cookie和设置cookie我们可以将两个功能封装在一起。

       知道我们想要实现的功能之后，就要开始逐个来进行封装，首先是设置和获取cookie，对于cookie我们知道，对于一条cookie我们需要设置的参数有name，value，domain（域名），path（url），expires（过期时间），而对于domain和path一般情况下我们是不回去设置的，所以我们可以将domain，path，expires放入到一个对象当中，对于我们的代码会更加的优化。

       在进行上述封装的时候我们为了代码的优化封装了一个判断是不是对象的方法，代码如下：

       实现了设置和获取cookie之后，我们来实现删除cookie的方法，在这里我们无法直接实现删除cookie的方法，但cookie的时效性让我们有了一个出口，那就是重新设置cookie，将cookie的时效日期设置在现在日期之前，浏览器就会删除cookie，其中我们也封装了另一个对象合并的方法，代码如下：

　　到此就完成了cookie的相关操作，希望对大家有所帮助。

标签：象征,domain,封装,cookie,设置,path,我们,身份
来源： https://www.cnblogs.com/LIZhiG/p/12594131.html