js中session,cookie,sessionStorage以及localStorage的用法还有区别

一、共同点简述

首先要说一下他们四个全都是用来存数数据的，尽管保存的位置还有事件可能不同，但是它们的共同作用都是用来保存数据。

二、cookie，session和localStorage，sessionStorage的区别

cookie和session都是由后台发送给前台的。只有在前后端交互的时候才可以用到，local storage和session storage是本地就能设置的。

三、cookie和session的区别

1.cookie是保存在客户端的，session保存在服务器上面，

2.cookie的存储分为两种方式，一种是存储在内存上，另一种存储在硬盘上，存在内存中的浏览器关了cookie也就关了，存在硬盘上的，他依然会保存在浏览器之中。

session是保存在内存上的，只有当时间过期了会自动关闭

3.保存的内容，cookie只能保存文本内容，session不限形式的存储。

4.安全性方面，session比cookie更安全，因此cookie应用在保存在浏览页面，浏览次数，判断是否自动登录而session却可以被用作安全性要求更高的购物车以及非法用户的登录，保存登录信息等

四、sessionStorage，localStorage的区别

（1）特点
         

          sessionStorage的主要特点

          1、生命周期为关闭浏览器窗口

          2、在同一个窗口(页面)下数据可以共享

          3. 以键值对的形式存储使用

         localStorage的主要特点

          1、声明周期永久生效，除非手动删除 否则关闭页面也会存在

          2、可以多窗口（页面）共享（同一浏览器可以共享）

          3. 以键值对的形式存储使用

 

（2）两者的用法

    其实，二者用法还是非常相似的

   sessionStorage的使用方法如下

存储数据：

sessionStorage.setItem(key, value)

获取数据：

sessionStorage.getItem(key)

删除数据：

sessionStorage.removeItem(key)

删除所有数据：

sessionStorage.clear()

同理， localStorage的使用方法相似，如下：

存储数据：

localStorage.setItem(key, value)

获取数据：

localStorage.getItem(key)

删除数据：

localStorage.removeItem(key)

删除所有数据：

localStorage.clear()