cookie、sessionStorage和localStorage的共同点与不同点

cookie、sessionStorage和localStorage的共同点与不同点

一、主要关注点

①数据存储的位置
②生命周期
③能够存储的大小
④数据的写入方式
⑤数据的共享情况
⑥发送请求是是否携带
⑦使用的场景

二、她们之间的区别

1.共同点

①都是将数据存储到浏览器本地
②数据共享都是遵循同源原则

2.cookie

①写入方式：由服务端写入
②生命周期是由服务器在写入的时候就设置好了
③存储大小为4KB
④在前端往服务端发送请求时候会自动携带cookie数据
⑤应用场景：一般用于存储登录验证的SessionID或者token
⑥主要应用：会话状态的管理（如用户的登录状态、购物车、游戏分数或者其他需要记录的信息）、个性化的设置（如用户自定义设置、主题设置等）、浏览器的行为跟踪（如跟踪分析用户的行为等）

2.SessionStorage

①写入方式：由前端写入
②在页面关闭的时候会进行自动清楚
③其存储大小为5M
④其限制必须是在同一个页面使用
⑤在前端往服务端发送请求时候是不会自动携带数据的
⑥应用是可以用来检测用户是否是刷新进入了页面的，一般用在音乐播放器恢复进度条这个功能上

3.localStorage

①写入方式：由前端写入
②写入后会一直存在，需要进行用手动清除
③其存储大小为5M
④在前端往服务端发送请求时候是不会自动携带数据的
⑤应用是存储不易变动的数据，减轻服务器的压力