localStorage、SessionStorage、cookie、session 之间有什么区别

localStorage、sessionStorage、cookie和session是在Web开发中常用的四种数据存储方式，它们有以下区别：

1. localStorage：localStorage是HTML5中引入的一种客户端存储数据的方式，数据存储在浏览器的本地，不会过期。存储的数据可以在同一个域名下的不同页面间共享。

2. sessionStorage：sessionStorage也是HTML5中引入的一种客户端存储数据的方式，数据存储在浏览器的本地，但与localStorage不同的是，sessionStorage的数据只在当前会话有效，会话结束后数据会被清除。

3. cookie：cookie是一种通过服务器发送给浏览器并保存在本地的小型文本文件，用于存储少量的数据。它可以设置过期时间，过期后会被浏览器自动删除。cookie的数据会在同一个域名下的所有页面间共享。

4. session：session是服务器端存储用户信息的一种机制。当用户访问Web应用时，服务器会为每个用户创建一个对应的session对象，用于存储用户的会话状态信息。session数据存储在服务器上，客户端只保存一个session ID，通过该ID与服务器进行交互。

总结来说，localStorage和sessionStorage是浏览器端的存储方式，cookie和session是服务器端的存储方式。localStorage和sessionStorage可以在浏览器端直接操作，而cookie和session需要通过HTTP请求与服务器交互。localStorage和sessionStorage可以存储较大量的数据，而cookie一般只能存储4KB左右的数据。session数据存储在服务器上，相对安全，而cookie和localStorage/sessionStorage的数据存储在本地，相对不那么安全。