面试题 | 说一说cookie sessionStorage localStorage 区别？

说一说cookie sessionStorage localStorage 区别？

得分点：数据存储位置、生命周期、存储大小、写入方式、数据共享、发送请求时是否携带、应用场景

1. 数据存储位置：

   Cookie、SessionStorage、 LocalStorage都是浏览器的本地存储。

   它们的共同点：都是存储在浏览器本地的.

2. 生命周期：

   cookie的生命周期是由服务器端在写入的时候就设置好的

   LocalStorage是写入就一直存在，除非手动清除

   SessionStorage是页面关闭的时候就会自动清除。

3. 存储大小：

   cookie的存储空间比较小大概4KB

   SessionStorage、 LocalStorage存储空间比较大，大概5M。

4. 写入方式：

   cookie是由服务器端写入的，而SessionStorage、 LocalStorage都是由前端写入的

5. 数据共享：

   Cookie、SessionStorage、 LocalStorage数据共享都遵循同源原则，SessionStorage还必须是限制同一个页面。

   同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。

6. 发送请求时是否携带：

   在前端给后端发送请求的时候会自动携带Cookie中的数据，但是SessionStorage、 LocalStorage不会

7. 应用场景：

   由于它们的以上区别，所以它们的应用场景也不同

   Cookie一般用于存储登录验证信息SessionID或者token

   LocalStorage常用于存储不易变动的数据，减轻服务器的压力

   SessionStorage可以用来检测用户是否是刷新进入页面，如音乐播放器恢复播放进度条的功能。