Cookie和本地存储的区别

Cookie和本地存储的区别

Cookie和本地存储（Local Storage和Session Storage）都是用于在浏览器端存储数据的方式，但它们也有些许区别

1、存储容量

Cookie：每个域名下的Cookie总容量通常为4KB，每个Cookie的大小限制为几KB左右。

本地存储：Local Storage和Session Storage的总容量通常为5MB或更大，每个浏览器可能有不同的限制。

2. 生命周期

Cookie：可以设置Cookie的过期时间，如果未设置过期时间，Cookie将在浏览器关闭后自动删除。

本地存储：Local Storage的数据永久保存在浏览器中，除非代码或用户手动删除；Session Storage的数据仅在当前会话中有效，关闭浏览器或标签页后将被清除。

3. 数据传输

Cookie：每次请求都会将Cookie附加到HTTP请求头中，因此每个请求都会增加数据传输的开销。

本地存储：不会随每个请求发送给服务器，仅在浏览器端使用，因此不会增加数据传输的开销。

4. 数据安全性

Cookie：由于Cookie是存储在浏览器中的，所以可能受到跨站脚本攻击（XSS）和跨站请求伪造（CSRF）等安全问题的影响。

本地存储：由于本地存储不会自动附加到每个请求中，所以相对于Cookie来说更加安全，但仍然需要注意XSS攻击。

5. 数据类型

Cookie：只能存储字符串类型的数据，如果要存储复杂的数据结构，需要进行序列化和反序列化。

本地存储：可以存储各种数据类型，包括字符串、数字、布尔值、对象、数组等。

6. 数据访问

Cookie：可以通过document.cookie来访问和操作Cookie。

本地存储：可以通过localStorage和sessionStorage对象来访问和操作本地存储。