什么是本地储存？

本地储存的作用：把一些数据记录在浏览器中，是浏览器提供给我们的一些本地存储数据的机制

• localStorage 永久缓存，除非手动删除

• sessionStorage 会话缓存，关闭浏览器就没有了

  • 共同点：只能存储字符串格式的数据

• localStrorang

  • localStrorage.setItem(‘名字’，‘值’)
    • 存储一条数据
    • 重复设置同一个名字的时候，就是修改数据

localStorage.setItem('name',{name:8});
                // 设置的值是一个对象，设置进入本地的实际值为 [object Object]
console.log(localStorage.getItem('name'));
                //  [object Object]   存入数据时值为对象，获取的时候是没有办法正确获取的
                
localStorage.setItem('name',JSON.stringify({name:8}));
//存储对象类型的数据的时候可以先将其转换为josn格式的字符串

console.log(localStorage.getItem('name'))；
//{"name":8} 获取后获得是json格式的字符串，然后在使用JOSN.parse()转换为数组或者对象类型

• localStorage.getItem(‘名字’)

  • 获取数据，如果获取的是没有设置过的数据，返回null

• localStorage.removeItem(‘名字’)

  删除一条数据

• localStorage.clear()

  清除所有的数据

• sessionStorage

  • sessionStorage.setItem(‘名字’,value)

  • sessionStorage.getItem(‘名字’)

  • sessionStorage.removeItem(‘名字’)

  • sessionStorage.clear()