Cookie、sessionStorage和localStora
2021-10-10 本文已影响0人
沃德麻鸭
1.共同点
都是保存在浏览器端，并且是同源的
2.区别
①Cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器之间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务端，仅保存在本地。cookie数据还有路径的概念，可以限制cookie只属于某个路径下。
②存储大小的限制不同：
cookie数据不能超过4k,同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，比如会话标识。
sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大的多，可以达到5M或更大。
③数据的有效期限不同
cookie只在设置的过期时间之前有效，即使窗口关闭或浏览器关闭
sessionStorage只在当前浏览器窗口关闭之前有效（面向session的浏览器存储，因此只存在于一个页面的生命周期，关闭即清除，采用键值对的形式存储数据）
localStorage一直有效，即使窗口或浏览器关闭也会一直对数据进行保存，因此用作持久数据
④作用域不同
cookie在所有的同源窗口中是共享的
sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面
localStorage在所有同源窗口中都是共享的
