storage封装

一、cookie、localstorage、sessionstorage 三者的区别

1、存储大小：cookie4K、storage5M

2、有效期：cookie拥有有效期，storage永久存储

3、cookie会发送到服务器端，存储在内存中，storage只存储在浏览器端

4、路径：cookie有路径限制，storage住存储在域名下

5、API：cookie没有特定的API，storage有对应的API

//导入配置

import config from "../config";

// 封装的时候, 尽量和原生api相似, 减少记忆成本

export default {
   
 // 设置

 setItem(key, value) {
   
  // 定义需要存储的key和value

  // 存储的key, 是当前的命名空间

  const sotrageKey = config.namespace;

  // 存储的value, 就是接收的两个形参, 注意属性名如果是变量, 需要是中括号

  let sotrageValue = {
    [key]: value };

  // 先取出原来的storage对应的value对象, 如果没有, 返回空对象