代码优化(啥时候有空继续更新)
作者:互联网
第一:接口中减少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