JS 存储

Posted 2021-01-14 你今天学习了吗

1. 描述cookie ，sessionStorage 和 localStorage 的区别？

cookie ： 本身用于客户端和服务器端通信， 但是有本身存储的功能，就被‘借用’

　　　　使用document.cookie  获取 ，修改  // 字符串形式 ， 麻烦

　　　　存储缺点： 只有4KB，存储量太小， 因为要和服务端通信，

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

　　　　　　　　　 API 简单，需要封装才能用 document.cookie

 

localStorage，sessionStorage

专门为存储而设计，最大容量 5M，不用在请求中携带

API 简单易用

localStorage.setItem(key,value)

localStorage.setItem(key)

 

区别： sessionStorage 当前会话关闭便会清空（浏览器关闭）

　　　用户不删除或者清理缓存localStorage 一直存在

ios safari 隐藏模式下， localStorage.getItem 会报错  ，避免： try catch包装

 

总结：

区别： 容量

　　　 是否会携带到ajax中

　　　API 易用性