localStorage和sessionStorage的区别

localStorage和sessionStorage的区别

1关于.localStorage数据的存储:

使用localStorage存储数据,将数据以键值对的方式存储在浏览器中,例如将一个名为token的数据存储
localStorage.setItem(‘token’,token的具体值)
若想在 localStorage存储对象,需要将对象转化为字符串的形式,应为 localStorage只能存储字符串数据,可以使用
JSON.stringify() 方法将对象转换为 JSON 字符串。取数据时: JSON.parse() 方法将 JSON 字符串转换回原始对象。
但是:使用 其存储对象,对象经过序列化和反序列化的过程,会导致对象的方法丢失,仅仅存储的就是对象的属性和值。

2.数据的更新:如果要更新原来已经存储的数据,只需要使用相同的键来设置新的值即可,新值将会覆盖掉旧值

3.删除数据: localStorage.removeItem(key)

5.清空数据:这里指的是 一次性清空所有的数据: localStorage.clear()

二:sessionStorage的用法与localStorage基本一致
二者的区别:
1.作用域: sessionStorage 限定在当前回话:就是当前浏览器标签页或者窗口,存储容量:5MB左右
localStorage 的作用域是永久的,容量:5-10MB 之间

2.生命周期:
sessionStorage 的数据,当关闭浏览器标签页或者窗口时,就会随之被删除
localStorage 的数据时永久存储的,除非手动删除,否则将会一直存储在浏览器中

3.数据共享:
sessionStorage 的数据会在同一个浏览器标签页或者窗口中共享,不会跨标签页
localStorage 在同一域名的所有标签页或者窗口中共享

localStorage:适用于长期登录,sessionStorage适用于敏感账号登录

  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值