Skip to content

2. cookie、sessionStorage、localStorage的区别

三者都是用来在客户端存储数据的方式

不同点

内容

cookie只能存字符串,而localStorage和sessionStorage可以存储任意类型的数据(本质上也是字符串,需要使用JSON.stringify和JSON.parse)

使用方式

三者都存储在浏览器端,不同的是每次发送HTTP请求(同源)时,都会携带对应的cookie信息,在cookie信息较多的时候会造成额外的性能开销。

存储大小

cookie:一般是4kb,存储量小,一般用来保存登录状态等简单的数据 sessionStorage和localStorage的大小一般是5M左右,存储量较大,可以保存表单数据等复杂数据。

存储时间

cookie:可以设置过期时间,不设置默认浏览器关闭时删除 sessionStorage:只在当前页面有效,关闭浏览器或页面后删除 localStorage:永久有效,除非手动删除

KESHAOYE-知识星球