消除魔法字符串

魔法字符串：指的是，在代码之中多次出现、与代码形成强耦合的某一个具体的字符串或数值。风格良好的代码，应该尽量消除魔法字符串，而由含义清晰的变量代替。

以下代码中，'my-token' 就是魔法字符串

// 封装localstory对stoken（对象）的三个操作
// 1.保存   2.获取   3.删除

// 1.保存
export const saveToken = (tokenObj) => {
  localStorage.setItem('my-token', JSON.stringify(tokenObj))
}

// 2.获取
export const getToken = () => {
  return JSON.parse(localStorage.getItem('my-token'))
}

// 3.删除
export const delToken = () => {
  localStorage.removeItem('my-token')
}

可以把 'my-token' 定义为一个常量

// 消除魔法字符串
const TOKEN_NAME = 'my-token'

// 1.保存
export const saveToken = (tokenObj) => {
  localStorage.setItem(TOKEN_NAME, JSON.stringify(tokenObj))
}

// 2.获取
export const getToken = () => {
  return JSON.parse(localStorage.getItem(TOKEN_NAME))
}

// 3.删除
export const delToken = () => {
  localStorage.removeItem(TOKEN_NAME)
}