JavaScript 有三种数据存储方式, 分别是:
- sessionStorage
- localStorage
- cookier
相同点: 都保存在浏览器端, 同源的
不同点:
1传递方式不同
cookie 数据始终在同源的 http 请求中携带(即使不需要), 即 cookie 在浏览器和服务器间来回传递.
sessionStorage 和 localStorage 不会自动把数据发给服务器, 仅在本地保存.
2数据大小不同
cookie 数据还有路径 (path) 的概念, 可以限制 cookie 只属于某个路径下.
存储大小限制也不同, cookie 数据不能超过 4k, 同时因为每次 http 请求都会携带 cookie, 所以 cookie 只适合保存很小的数据, 如会话标识.
sessionStorage 和 localStorage 虽然也有存储大小的限制, 但比 cookie 大得多, 可以达到 5M 或更大.
3数据有效期不同
sessionStorage: 仅在当前浏览器窗口关闭前有效, 自然也就不可能持久保持;
localStorage: 始终有效, 窗口或浏览器关闭也一直保存, 因此用作持久数据;
cookie 只在设置的 cookie 过期时间之前一直有效, 即使窗口或浏览器关闭.
4作用域不同
sessionStorage 不在不同的浏览器窗口中共享, 即使是同一个页面;
localStorage 在所有同源窗口中都是共享的;
cookie 也是在所有同源窗口中都是共享的.
web Storage 支持事件通知机制, 可以将数据更新的通知发送给监听者.
Web Storage 的 API 接口使用更方便.
来源: http://www.bubuko.com/infodetail-3021537.html