请你描述一下 cookies，sessionStorage 和 localStorage 的区别?

共同点

保存在浏览器端，同源（所谓同源，就是指域名、协议、端口相同）

不同点

1. 数据传输上
   
   Cookie数据在浏览器和服务器之间来回传递。其它两个不会自动发送数据到服务器端，仅在本地存储。Cookie数据有保存路径可以限制保存在特定的位置下
2. 存储时间上
   
   cookie 只在设置的cookie过期时间之前一直有效；
   
   sessionStorage 仅在当前浏览器窗口关闭前有效；
   
   localStorage 始终有效
   
3. 数据共享上
   
   cookie 在所有同源窗口中都是共享的；
   
   sessionStorage 不在不同的窗口下共享，即使是同一个页面的两个窗口；
   
   localStorage 在所有同源窗口中都是共享的。
4. 存储大小上
   
   cookie 数据大小不超过4k，只适合保存很小的数据例如会话标识
   
   sessionStorage 和 localStorage 可以达到5M或更大