面试题 -- Web Storage 和 Cookie 的区别?

Ray Shine 2023/1/15 JavaScript

本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

如有侵权，请联系本博主删除。

Cookie 的作用是与服务器进行交互，作为 HTTP 规范的一部分而存在，而 Web Storage 仅仅是为了在 本地存储数据 而生。

# 区别

容量：Cookie 大小受限，Web Storage 是为了更大容量存储设计的。
带宽：每次请求一个新的页面的时候 Cookie 都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可以跨域调用。
方法：Web Storage 拥有 setItem,getItem,removeItem,clear 等方法，不像 cookie 需要前端开发者自己封装 setCookie，getCookie 。
兼容：Web Stroage 浏览器的支持除了 IE７ 及以下不支持外，其他标准浏览器都完全支持( ie及FF需在web服务器里运行)，值得一提的是IE总是办好事，例如 IE7、IE6 中的UserData 其实就是 javascript 本地存储的解决方案。通过简单的代码封装可以统一到所有的浏览器都支持 Web Storage。

LocalStorage 和 SessionStorage 都具有相同的操作方法，例如 setItem、getItem 和 removeItem 等。