2023为啥要用localStorage

使用localStorage的原因：1、持久化数据；2、支持多种数据类型；3、更大的存储空间；4、安全性更高；5、跨域访问；6、方便快捷。详细介绍：1、持久化数据，localStorage中的数据不会因为页面刷新或关闭而丢失，它可以持久化存储数据，使得用户在多个浏览器会话之间都能访问到这些数据；2、支持多种数据类型，不同于Cookie只能存储字符串等等。

本教程操作系统：windows10系统、DELL G3电脑。

使用localStorage的原因主要有以下几点：

1、持久化数据：localStorage中的数据不会因为页面刷新或关闭而丢失，它可以持久化存储数据，使得用户在多个浏览器会话之间都能访问到这些数据。

2、支持多种数据类型：不同于Cookie只能存储字符串，localStorage可以存储各种数据类型，包括字符串、数字、布尔值、对象和数组等。这使得我们可以更灵活地存储和操作数据。

3、更大的存储空间：相较于Cookie的4K限制，localStorage的存储空间更大，可以达到5MB，这使得我们可以存储更多的数据。

4、安全性更高：由于localStorage的数据是存储在用户的浏览器中，而不是服务器端，因此它比Cookie更安全。在某些情况下，使用Cookie可能会导致数据泄露或被篡改。而localStorage则可以避免这些问题。

5、跨域访问：localStorage是浏览器提供的API，因此它可以在不同的域之间共享数据。这对于一些需要跨域访问的场景非常有用。

6、方便快捷：使用localStorage非常方便，只需要调用几个简单的API即可完成数据的存储和读取。这使得开发人员可以更快地开发出应用程序。

需要注意的是，虽然localStorage有很多优点，但它也存在一些限制和缺点。例如，它可能会受到浏览器的限制和安全策略的影响，也可能存在存储空间不足的问题。因此，在使用localStorage时需要谨慎考虑其适用性和安全性。

Cookie和LocalStorage在以下方面存在区别：

1、存储大小：Cookie单个的最大存储为4k，如果大于4k，则存储失败，浏览器中找不到对应的cookie信息；LocalStorage的最大存储为5m。如果大于这个最大限制浏览器提示出错。

2、有效期：Cookie默认是会话级存储（与tab页共存亡），可以设置过期时间；LocalStorage是持久化存储，除非主动clear掉。

3、可操作性：Cookie不仅仅只是存储数据，还有其他多个属性可供其操作设置，例如Domain与Path一起决定了cookie的作用范围，Secure如果设为true，那么cookie只能用https协议发送给服务器；LocalStorage只是存储数据。

4、携带性：在请求时，Cookie会被携带，而LocalStorage不会。同源的cookie信息会自动作为请求头的一部分发给服务器，如果过多设置cookie，会额外增加通信负荷。而LocalStorage没有这个问题，它会一直存在于浏览器端。