cookie、session、localStorage、sessionStorage区别

cookie和session参与服务器通信，而localStorage和sessionStorage不参与服务器通信。

cookie和session的区别

• 数据存储位置有区别：cookie保存在浏览器端，session保存在服务器端。
• 使用方式有区别：

1. cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。Cookie是服务器发给客户端的特殊信息，cookie是以文本的方式保存在客户端，每次请求时都带上它 。
2. session机制：当服务器收到请求需要创建session对象时，首先会检查客户端请求中是否包含sessionid。如果有sessionid，服务器将根据该id返回对应session对象。如果客户端请求中没有sessionid，服务器会创建新的session对象，并把sessionid在本次响应中返回给客户端。
3. 通常使用cookie方式存储sessionid到客户端，在交互中浏览器按照规则将sessionid发送给服务器。如果用户禁用cookie，则要使用URL重写，可以通过response.encodeURL(url) 进行实现；API对encodeURL的结束为，当浏览器支持Cookie时，url不做任何处理；当浏览器不支持Cookie的时候，将会重写URL将SessionID拼接到访问地址后

• 存储大小有区别：单个cookie保存的数据不能超过4kb ；session大小没有限制。

• 存储内容有区别：cookie只能以文本的方式保存为字符串类型 ；session通过类似与Hashtable的数据结构来保存，能支持任何类型的对象(session中可含有多个对象) 。

• 安全性有区别：Cookie欺骗，Cookie截获都是非常容易实现的，因此，session的安全性要大于cookie

• 应用场景有区别：

1. cookie： 判断用户是否登陆过网站，以便下次登录时能够实现自动登录（或者记住密码）；保存上次登录的时间等信息；保存上次查看的页面；浏览计数。

2. session： 网上商城中的购物车；保存用户登录信息；将某些数据放入session中，供同一用户的不同页面使用；防止用户非法登录。

localStorage与sessionStorage的区别

Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的，cookie的大小是受限的，并且每次请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可跨域调用。WebStorage提供了两种API： localStorage和sessionStorage，两者区别：

• 生命周期不同：

1. localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。除非主动删除数据，否则数据永远不会消失。

2. sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念，sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。

• 应用场景：

1. localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据。

2. sessionStorage：敏感账号一次性登录