前端代码工程学
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]
这样的该咋判断?
漫思