前端代码工程学

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; 这种方案