localStorage、sessionStorage、Cookie的区别

相同点:

都保存在浏览器端,且是同源的(同源:域名、协议、端口号相)

不同点:

1.存储大小不同:

cookies的大小一般为4K.
localStorage、sessionStorage的大小一般为5M.

2.与服务器端的通信:

cookies参与服务器端通信,每次都会携带http的头信息中。(如果使用cookie保存过多数据会带来性能问题)
localStorage、sessionStorage不参与服务器端的通信。

3.有效期不同:

cookies在设置的有效之前有效,当超过有效期便会失效
localStorage的有效期为永久有效,除非你进行手动删除。
sessionStorage在当前会话下有效,关闭页面或者浏览器时会被清空。

4.易用性:

cookies需要程序员自己封装,源生的Cookie接口不友好
localStorage、sessionStorage源生接口可以接受,亦可再次封装来对Object和Array有更好的支持

API:

//cookies API  
document.cookie='name=xiaoming;expires='+oDate
//localStorage API
localStorage.setItem('a',100)
localStorage.getItem('a')
//sessionStorage API
sessionStorage.setItem('b',100)
sessionStorage.getItem('b')
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容