浅论localstorage，sessionstorage和cookie储存方法和区别

1.本地储存

//通过key获取存储的value
localStorage.getItem("key")
//设置本地存储对象
localStorage.setItem("key","value")
//移除对应的key value
localStorage.removeItem("key")
//清除所有的对应储存 
localStorage.clear()

相同的sessionStorage也同样的拥有以上方法

2.cookie

//读取 cookie 的内容使用 `document.cookie`
  const cookie = document.cookie
  console.log(cookie) // 就能得到当前 cookie 的值

//设置 cookie 的内容使用 `document.cookie`
  // 设置一个时效性为会话级别的 cookie
  document.cookie = 'a=100'
  // 设置一个有过期时间的 cookie
  document.cookie = 'b=200;expires=Thu, 18 Dec 2043 12:00:00 GMT";'
  // 上面这个 cookie 数据会在 2043 年 12 月 18 日 12 点以后过期，过期后会自动消失

//删除 cookie 的内容使用 `document.cookie`
  // 因为 cookie 不能直接删除
  // 所以我们只能把某一条 cookie 的过期时间设置成当前时间之前
  // 那么浏览器就会自动删除 cookie
  document.cookie = 'b=200;expires=Thu, 18 Dec 2018 12:00:00 GMT";'

不同点：

1.携带数据大小不同，本地储存一般可以存放5M左右（根据浏览器不同有差异）而每个cookie只能携带4k左右的数据。

2.传输存储方式不同，本地存储作用在本地客户端，而cookie会在客户端服务端互相响应时进行携带，可以发往服务端。

3.生命周期不同，localstorage永久存储，sessionstorage会话存储，关闭页面会情况，cookie可以设定生命时长，不设置的话默认也是会话存储。

4.作用域不同，localstorage和cookie可以作用在任何页面，而sessionstorage仅仅只能作用在当前页面，切换页面无法调取。