不写全部区别,就写点我所认知的吧
1. 存储大小:
cookie:一般不超过4k
localStorage:5M甚至更多
sessionStorage:5M甚至更多
2. 数据有效期:
cookie:一般由服务器生成,可以设置失效时间;若没有设置时间,关闭浏览器cookie失效,如果设置了时间,cookie就会存储在硬盘中,过期失效
sessionStorage:仅在当前浏览器窗口关闭之前有效,关闭页面或者浏览器会被清除
localStorage:永久有效,窗口或者浏览器关闭也会一直保存,除非手动永久删除
3. 使用场景:
cookie:用来保存登录信息,比如登录某个网站可以看到“记住密码”这就是通过cookie中存入一段辨别用户身份的数据来实现的,可以设置登录有效期
sessionStorage:可以保存一部分数据,刷新页面数据依旧存在,但是切记:浏览器或当前页面关闭时,sessionStorage中的数据就会被清空,注意使用场景
localStorage:数据可以长期保存,除非主动删除,比如用于保存登录token,使用户一直处于登录状态,除非用户主动点击退出登录按钮,这时就可以清空登录token,跳转至登录界面