cookie localstorage sessionstorage的区别

最新推荐文章于 2025-06-29 16:13:03 发布

原创最新推荐文章于 2025-06-29 16:13:03 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#服务端的存储

本文详细对比了前端三种存储方式：Cookie、LocalStorage和SessionStorage。包括它们的数据生命周期、存放数据大小、与服务器通信方式及易用性。帮助读者理解各自特点，以便在实际开发中做出合理选择。

**cookie**    
数据的生命周期: 生成时就会被指定一个maxAge值，这是cookie的生存生命周期，在这个周期内cookie有效，默认关闭浏览器失效 (会话存储)

存放数据大小: 4K大小左右(每次http请求都会携带cookie)

与服务器通信: 对服务器的请求发来传递，每次都会携带在HTTP头中，如果使用cookie保存过多数据会带来性能问题

易用性: cookie需要自己封装setCookie getCookie


**localStorage**   

数据的生命周期: 除非数据被删除  否则一直存在

存放数据大小: 一般5M或更大

与服务器通信: 数据不是由每个服务器请求传递的，而是只有在请求时使用数据，不参与和服务器的通信

易用性: 可以使用原生接口，也可再次封装对Object和Array有更好的支持

**sessionStorage**

数据的生命周期: 页面会话期间可用

存放数据大小: 一般5M或更大

与服务器通信: 数据不是由每个服务器请求传递的，而是只有在请求时使用数据，不参与和服务器的通信

易用性: 可以使用原生接口，也可再次封装对Object和Array有更好的支持

以上三个存储的共同点：都是保存在服务器端，和服务端的session机制不同