其他分享
首页 > 其他分享> > 代码优化(啥时候有空继续更新)

代码优化(啥时候有空继续更新)

作者:互联网

第一:接口中减少if-else判断相应码


在我们使用接口的时候,在then中往往需要通过相应码来
判断不同的情况执行不同的代码
例如:

getDome().then(res=>{
    if(res.code==200){
        //代码块1
    }else if(res.code==500){
        //代码块2
    }else if(res.code==404){
        //代码块3
    }
})catch(error=>{
//未响应
})


这是在不同的代码块中,进行相应的数据处理,会导致代码过于凌乱,不美观页不容易读代码。
我们可以这样修改代码:
1,将不同的状态的代码块封装成一个方法

let ok =  ()=> {
//代码块1
    }
let no =  ()=> {
//代码块2
    }
let error =  ()=> {
//代码块3
    }


ok表示状态200时执行的代码,no表示状态500,error表示状态为404.(这里表示的是then内的,code由后端返回)
2,定义对象用于存贮函数名

let funcObj={
        '200': ok,
        '404': no,
        '500': error
}


3,获取状态码

getDome().then(res=>{
    let code=res.code
})catch(error=>{
//未响应
})


3,通过[]取属性匹配函数

getDome().then(res=>{
    let code=res.code
    if( code in funcObj){
    funcObj[code]();
    }
})catch(error=>{
//未响应
})

二,取代if

我们只使用一个if的时候,

情况一:

if(a==1){
b=3
}

可以使用

a==1 && b=3

情况二:

if(a!=1){
   b=3
}

可以使用

a==1||b=3

三:取代if -else

if(a==1){
  b=3
}else{
  b=4
}

使用三目运算符取代

a==1? b=3:b=4

标签:code,res,代码,else,啥时候,代码优化,有空,let,error
来源: https://blog.csdn.net/qq_31539817/article/details/119865640