cookie、sessionStorage、localStorage的区别

三者的共同点是：都是保存在浏览器端，且都是同源的。（同源：如果两个页面拥有相同的协议（protocol），端口（如果指定），和主机，那么这两个页面就属于同一个源（origin）。）

区别：cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。

而sessionStorage和localStorage不会自动把数据发送个服务器，仅在本地保存，cookie数据还有路径的概念，可以限制cookie只属于某个路径下。

存储大小不同：cookie数据不超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如回话标识。sessionStorage和localStorage虽然也有大小的限制，但比cookie大的多，可以达到5M或者更大。

cookie只在设置的cookie过期时间之前一直有效，即使浏览器或窗口关闭。

作用域不同。sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面。localStorage在所有的同源窗口中都是共享的，cookie也是在所有的同源窗口中共享。