JS几大存储方式总结

Posted 2021-02-08 tiboo

日常我们数据存储的方式常见的几种就是sessionStroage, localStroage, cookier，下面先依次总结各自的使用规则，然后再到这三者之间的区别

sessionStroage

sessionStroage是html5新增的一个回话存储对象，用于临时保持同一窗口的数据，窗口关闭数据也将删除

存储单个变量

    存储数据： sessionStroage,setItem(‘name‘, ‘Tiboo‘)

    读取数据： sessionStroage.getItem(‘name‘)

存储JSON对象

info = {
   name: ‘Tiboo‘,
   number: ‘1204914‘,
   guid: ‘00123‘
}
存储值： 将对象转换为JSON字符串
sessionStroage.setItem(‘info‘, JSON.stringify(info);
读取值： 将JSON字符串转换为对象
let infoData = JSON.parse(sessionStroage.getItem(‘info‘))