浅析sessionStorage、localStorage和cookie以及Session

（一）sessionStorage、localStorage

共同点在于：

1、存储大小都为5M左右

2、都有同源策略限制

3、仅在客户端中保存，不参与和服务器通信

不同点：

1、生命周期：

localStorage是数据是永久性的，除非人为删除，否则会一直存在。

sessionStorage：窗口或者标签页被关闭，sessionStorage中存储的数据也会被删除。

2、作用域

localStorage：同一浏览器中，同源文档可以共享localStorage的数据。

sessionStorage：不仅是统一浏览器中，sessionStorage实现数据共享还必须满足同一标签页下或者统一窗口下。举个例子，比如你在同一个浏览器中打开了同一个网址，但是这两个网页之间的数据还是不同共享 ，因为他们不是同源的。

 

注意：localStorage常见的方法   //sessionStorage和他的用法相同

1. 存储:localStorage.setItem(key,value) key存在，更新value

2.获取 localStorage.getItem(key)key不存在返回null

3.删除 localStorage.removeItem(key)

4. 全部清除 localStorage.clear() 

 

（二）Cookie：

1、cookie的主要作用是标记用户（购物车）和保存登录信息等功能

2、cookie一般由服务器生成，可以设置过期时间，如果再客户端生成的话，默认关闭浏览器cookie就会自动失效。

3、cookie每次都会被携带在HTTP头中，保存过多会造成性能问题。

4、cookie的原生API不友好，不如localStorage的原生接口好用。

注意：本质上来讲，cookie也是一种无状态的http，工作机制如下：

 

（三）Session

1、Session和cookie都在无状态的http协议，Session是服务器记录用户状态时用于标识具体用户的机制。在服务器端保存，用来跟踪用户状态的数据结构。这个数据可以保存在集群、数据库、文件中。

2、生命周期：浏览器关闭后就会失效。因为浏览器关闭后，这个Session的id就变了，失效。

3、利用cookie可以记录SessionID。

4、Session的安全性高于cookie。

5、访问过多时，Session会使服务器的性能降低。

6、Session运行依赖Session ID，但是Session ID保存在cookie，如果浏览器禁用了cookie，Session 就会失效。

根据：https://juejin.im/entry/5ac4d661f265da23a049c92a 整理，侵权立即删除。