localStorage与cookie的区别

1 可允许的最大存储量

 cookie单个的最大存储为4k,如果大于4k,则存储失败,浏览器中找不到对应的cookie信息;
 
 localStorage的最大存储为5m。如果大于这个最大限制浏览器提示出错

2 存储时间

cookie默认是会话级存储(如下图,与tab页共存亡),可以设置过期时间

localStorage是持久化存储,除非主动clear掉

在这里插入图片描述

3 可操行

cookie不仅仅只是存储数据,还有其他多个属性可供其操作设置:
	Domain与Path一起决定了cookie的作用范围
	Expires/Max-Age决定了过期时间
	HttpOnly 如果设为true,那么通过js(document.cookie)无法读取cookie数据
	Secure 如果设为true,那么cookie只能用https协议发送给服务器  
	等等。。
	
localStorage只是存储数据

4 使用场景

cookie的使用场景一般是作为客户端与服务端的一种信息传递,当添加了cookie,默认的同源的cookie信息会自动作为请求头的一部分被发送到服务端

localStorage一般仅用作客户端的数据存储,如存储一个异步请求的结果数据,然后在页面重渲染时,可以直接读取storage中的数据,减少一次请求的发送
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐