封装本地存储

1. 如果是在脚手架环境下先在src目录下创建utils文件夹再创建Storage.js文件，如果不是也不用封装
2. 设置

// 设置
export const setItem = (name, value) => {
  // 如果 value 是对象，就把 value 转为 JSON 格式字符串再存储，如不是就不走if
  if (typeof value === 'object') {
    value = JSON.stringify(value)
  }
  localStorage.setItem(name, value)
}

3. 获取

// 获取
export const getItem = (name) => {
  const data = localStorage.getItem(name)
  // 为什么把 JSON.parse 放在 try-catch 中
  // 因为 data 可能不是 JSON 格式字符串
  try {
    // 尝试把 data 转为 JavaScript 对象
    return JSON.parse(data)
  } catch (error) {
    // data 不是JSON 格式字符串 ，直接原样返回
    return data
  }
}

4. 移除

export const removeItem = (name) => {
  localStorage.removeItem(name)
}