代码走查的优化方向(接口请求便捷、动态class判断条件过长、去除无用console、抽离公共方法)

1、接口请求：

考虑接口请求报错、在接受result之前赋值

let sendResult=[]
if(res && res.data){
    sendResult =  res.data
}
resolve(sendResult)

2、:class判断条件过长使用computed

优化前： 

:class={styleA:list.length>1&&object.name&&show}

 优化后：

:class={isStyleA}
computed:{
        // 判断styleA条件
        isStyleA() {
            return list.length>1&&object.name&&show;
        },
}

3、去除没有意义的console

例如：

console.log(12312313132,res)

4、相同逻辑的方法可以抽成公共方法

function testA(){
    let list = testC()
}

function testB(){
    let list = testC() 
}

function testC(){
    return oldList.concat(newList)
}

 

5、解构数据，使得判断条件更加简单一些

let data = this.list[0].data
...
test = data.test

6、减少重复造轮子，尽量使用公共方法，尽量把组件内请求放到页面中，减少小程序体积

7、后台返回数据无值的情况需要兼容一下