博客

cookie、sesstionStorage、localStorage的区别

我们应当从以下几方面去区分和记忆它们之间的异同：

存储位置

• 它们均存储在本地

生命周期

• cookie由服务器端写入时决定，sesstionStorage在浏览器关闭后清空，localStorage只要你不是手动清除则一直在。

存储空间大小

• cookie大概最大4KB，其余两个大概最大5MB。

写入方式

• cookie由服务器端写入，其余两个由前端写入。

数据共享

• 三者均遵循同源原则，sesstionStorage还要求是同一个页面。

发送请求时是否携带

• 前端向后端发送请求时会自动携带cookie，而其余二者不会。

应用场景

• cookie用于存储登陆验证信息sesstionID或者token；localStorage用于存储不易变动的数据，减轻服务器端的压力；sesstionStorage用于检测用户是否是刷新进入页面，比如音乐播放器恢复播放条的功能。