共同点

localStorage、sessionStorage和cookie都是保存在浏览器端、且同源的

区别

1. 存放地点不同：cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器间来回传递；而sessionStorage（存内存） 和 localStorage（存硬盘） 不会自动把数据发给服务器，仅在本地保存。cookie 数据还有路径的概念，可以限制 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 接口使用更方面