Describe the difference between a cookie, sessionStorage and localStorage
cookie
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。可以使用 JavaScript 来创建和取回 cookie 的值。
sessionStorage
用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。
localStorage
用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
sessionStorage和localStorage统称为web storage
区别总结
1、大小
cookie大小被限制在4KB,Web Storage官方建议为每个网站5MB,具体大小依赖于使用的浏览器。
2、方法
Web Storage拥有setItem,getItem,removeItem,clear等方法,不像cookie需要前端开发者自己封装setCookie,getCookie。
3、与服务器通信
cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递;cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。
而web storage不会自动把数据发给服务器,仅在本地保存。
4、有效期
sessionStorage:仅在当前浏览器窗口关闭前有效
localStorage:始终有效
cookie:在设置的cookie过期时间之前一直有效(即使窗口或浏览器关闭)。
5、作用域
sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面
localStorage 在所有同源窗口中都是共享的
cookie也是在所有同源窗口中都是共享的。