JS面试—存储

目录

一、题目

请描述一下cookie，sessionStorage和localStorage 的区别

二、知识点

2.1 cookie

2.2 localStorage和sessionStorage

---

一、题目

请描述一下cookie，sessionStorage和localStorage 的区别

1. 容量
2. 是否会携带到ajax
3. API易用性

二、知识点

2.1 cookie

• 本身用于客户端和服务端通信
• 但是它有本地存储的功能，于是被“借用”
• cookie用于存储的缺点:

1.存储量太小，只有4KB      因为要被携带在请求中，与服务器端进行通信，不能太大 

2.所有http请求都会带着，会影响获取资源的效率   

3.API简单，但是需要封装以后才能使用 document.cookie=......

2.2 localStorage和sessionStorage

• HTML5专门为存储设计，最大容量5M  不在请求中携带 
• API简单易用：localStorage.setItem（key，value）；localStorage.getItem(key)
• 二者的区别 都可以从浏览器中存储到本地，浏览器关闭或会话结束清理存储，localStorage除非主动清理，否则存储一直都在
• 二者的API相同
• 注意：iOS safari隐藏模式下：localStorage.getItem会报错；建议统一使用try-catch封装；