localStorage 一个可被用于访问当前源（ origin ）的本地存储空间的 对象

方法：

存数据：localStorage.setItem('myCat', 'Tom'); 值以键值对形式存在,一律存储为字符串类型，默认调用toString()

let person = {
            name: 'yao',
            age: 16
        };
localStorage.setItem('person', person);
//注：对象调用toString() 返回 "[object type]"，其中 type 是对象的类型

结果：

image.png
所以存储对象，要主动调用JSON.stringfy(person)

let person = {
            name: 'yao',
            age: 16
        };
localStorage.setItem('person', JSON.stringify(person));
// 注：布尔值、数字、字符串的包装对象在序列化过程中会自动转换成对应的原始值

结果： image.png

读数据：localStorage.getItem('myCat'); 返回值为'Tom'

如果想读取到原本类型的数据，使用JSON.parse(data)

const result = localStorage.getItem('person');
console.log(JSON.parse(result));

结果： image.png

sessionStorage

与localStorage拥有的方法相同，操作也一样，唯一的不同点是，随着浏览器的关闭，sessionStorage中的数据会消失，local中的不会