cookie、localStorage和sessionStorage有何本质区别？

本文共计221个文字，预计阅读时间需要1分钟。

一、背景

Cookie最初是用来携带用户信息的，原本是网络请求携带用户信息的手段。在HTML5出现之前，前端没有本地存储的方法，只能使用Cookie来替代。而localStorage和sessionStorage是HTML5提供的API，极大地便利了前端开发。

一、背景由来

cookie原来是用来网络请求携带用户信息的，只不过在HTML5出现之前，前端没有本地存储的方法，只能使用cookie代替

localstorge、sessionStorge是html5提供的API，极大的方便了前端在客户端存储数据

二、那么这三者有什么区别呢？

1.存储时间

cookie可以自定义时间的有效性

sessionStorge是关闭标签和浏览器即刻消失

localstorge始终存在客户端，只要不是手动删除

2.存储大小

cookie只有4K

localstorge、sessionStorge有5M

3.API易用性

cookie只有document.cokkie=" " 太麻烦

localstorge、sessionStorge提供了getitem和setItem方法

4.是否随网络请求发送

cookie会被浏览器网络请求中自动读取发送，而localstorge、sessionStorge不会