cookie、sessionStorage和localStorage的区别

共同点：都是在浏览器端存储，并且都是同源的（URL的协议、端口、主机名是相同的，只要有一个不同就不属于同源）

不同点：

1. cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。
2. 存储大小的限制也不同。cookie数据大小不能超过4K，同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据，如会话标识。sessionStorage和localStorage虽然也有存储大小限制，但比cookie大的多，可以达到5M或更大。
3. 数据有效期不同。sessionStorage仅仅在当前浏览器窗口关闭之前有效；localStorage始终有效，窗口或者浏览器关闭之后也一直保存，因此作用持久数据；cookie，只在设置cookie过期时间之前有效，即使窗口关闭或者浏览器关闭。
4. 作用域不同。sessionStorage在不同的浏览器窗口中不共享，即使是同一页面；localStorage在所有的同源窗口中是共享的；cookie也是在所有的同源窗口中共享的。
5. web Storage支持事件通知机制，可以将数据更新的通知发送给监听者。
6. web Storage的api接口使用更为方便。