前端JS知识要点总结（10）

存储

题目三十：描述一下cookie，sessionStorage和localStorage的区别？

cookie：本身用于客户端和服务端通信，但是由于它具有本地存储的功能，所以一直在被“借用”，它作为存储来使用时，较为麻烦，因为本地的cookie存储必须是字符串格式，因此在读取和存储时需要较为麻烦的将其进行转换。此外，它只有4kb的大小，并且所有的http请求都会带着它，会影响效率。它的API很简单，需要封装才能使用

localStorage和sessionStorage：HTML5专门为存储而设计的，最大可以支持5M的数据量存储，并且在网络请求中不会附带着它。它的API也很方便

localStorage.setItem(key, value)
localStorage.getItem(key)

localStorage的存储在刷新后不会丢失，而sessionStorage在刷新后会丢失

关于这两种存储技术，cookie并不会消失，只是其作为存储来使用的会越来越少，并且这本来也并不是它出现的原因。