前端代码工程学

1、switch case 场景使用dict和||
2、if else 使用 ?:
3、判断是否为空 ?.
4、

let { data } = err;
data = data || {};
let { errMessage } = data;
Message.error(errMessage);

这么烂的代码
Err?.data?.data?.errMessage||"程序错误,请注意了"


5、

let { wxUserId } = this.state;
let params = { wxUser: wxUserId };
let res = await getwxuser({ params });

这样的怎么写
let res = await getwxuser({ params:{wxUser: this.state.wxUserId } });

或者
let params = { wxUser:this.state.wxUserId};
let res = await getwxuser({ params });


6if(switch)
{
Switch(100)
}

switch?.(1000)


7、所有的常量放在一处
Const okData={
A1:"",
A2:"",
A3:"",
}

8、所有方法的参数带默认值
A=(input=fasle)=>{
这样的代码比较好
}

9、对于优惠券的问题,对于状态,抽象于优惠券,状态要以参数传入,展示正确

10、a&& 这种风格的代码 。!!A 这个情况

11、

let g1 = getwxlist(bizCode);
window.location.href = g1;

代码两句合并一句
window.location.href = getwxlist(bizCode);



12、使用 including

13、用 && || 等方式对进行组合。

14、对于共性太多的页面,升级为模板,在下面有子路由的概念

15、对于有tab的列表的组件,要独立各个的状态,独立性的特征就是状态管理,不能用3个状态

16、不用+- 操作,使用 `${key}.${merchantId}` : key; 这种方案
 
let a=1
let b={1:"a"}
b[a]
这样的该咋判断?
 

posted on 2022-03-03 20:29  漫思  阅读(49)  评论(0编辑  收藏  举报

导航