优化路由switch...case

最新推荐文章于 2024-08-10 13:37:47 发布

동경

最新推荐文章于 2024-08-10 13:37:47 发布

阅读量134

点赞数

分类专栏： Js

本文链接：https://blog.csdn.net/weixin_43814775/article/details/119416418

版权

代码优化 API请求数据映射重构 JavaScript

关键词由CSDN通过智能技术生成

Js 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

共用

const service = axios.create({
  baseURL: process.env.NODE_ENV === 'development' ? '' : '',
  timeout: 10000,
});

优化前代码：

export function fetchList(urlKey: string) {
  switch (urlKey) {
    case 'iPhone-grade':
      return service({
        url: '/api/store/get_store_page?category=iPhone&condition=graded',
        method: 'get',
      })
    case 'samsung-grade':
      return service({
        url: '/api/store/get_store_page?category=Samsung&condition=graded',
        method: 'get',
      })
    case 'samsung-unGrade':
      return service({
        url: '/api/store/get_store_page?category=Samsung&condition=Ungraded',
        method: 'get',
      })
    case 'lg':
      return service({
        url: '/api/store/get_store_page?category=LG',
        method: 'get',
      })
    case 'alcatel':
      return service({
        url: '/api/store/get_store_page?category=Alcatel',
        method: 'get',
      })
    case 'iPhone-unGrade':
      return service({
        url: '/api/store/get_store_page?category=iPhone&condition=Ungraded',
        method: 'get',
      })
    case 'motorola':
      return service({
        url: '/api/store/get_store_page?category=Motorola',
        method: 'get',
      })
    case 'iPad':
      return service({
        url: '/api/store/get_store_page?category=iPad',
        method: 'get',
      })
    case 'apple-watch':
      return service({
        url: '/api/store/get_store_page?category=AppleWatch',
        method: 'get',
      })
    case 'apple-ID':
      return service({
        url: '/api/store/get_store_page?category=AppleID',
        method: 'get',
      })
    case 'android-tablet':
      return service({
        url: '/api/store/get_store_page?category=Androidtablet',
        method: 'get',
      })
    case 'android-smartwatch':
      return service({
        url: '/api/store/get_store_page?category=Androidsmartwatch',
        method: 'get',
      })
  }
}

优化后代码

const listUrlParamsMap: Record <string, string> = {
  'iPhone-grade': 'category=iPhone&condition=graded',
  'samsung-grade': 'category=Samsung&condition=graded',
  'samsung-unGrade': 'category=Samsung&condition=Ungraded',
  'lg': 'category=LG',
  'alcatel': 'category=Alcatel',
  'iPhone-unGrade': 'category=iPhone&condition=Ungraded',
  'motorola': 'category=Motorola',
  'iPad': 'category=iPad',
  'apple-watch': 'category=AppleWatch',
  'apple-ID': 'category=AppleID',
  'android-tablet': 'category=Androidtablet',
  'android-smartwatch': 'category=Androidsmartwatch'
};

export function fetchList(urlKey: string) {
  return service(`/api/store/get_store_page?${listUrlParamsMap[urlKey]}`)
}