背景

繁杂的代码是一场劫难,对于前期的保护十分不敌对,甚至可能会减少包的体积,影响页面首次下载的工夫,所以为了在前端开发越来越精进,望大家对于代码品质上本人做好把控;因为公司每次代码上线都会有小伙伴之间互相代码评审的强制要求,所以下方的优化其实都是工作中高频遇到的问题,总想着哪天有工夫能有个文档记录一下,
PS: 如有问题希指出

Javascript篇

switch语句 && 索引代码的优化

需要是年级回显,依据数字匹配搜寻对应的明文字符;相似的需要还有回显星期和月份

1.简略的switch 实现,if else 实现以及三元实现代码不够简洁 (不举荐)
2.应用对象模式建设key-value映射关系&&map优化代码, 简单明了、

function grade(i){    let _Map = new Map([        [1, '一'],        [2, '二'],        [3, '三'],        [4, '四'],        [5, '五'],        [6, '六'],    ]);    return _Map.get(i)?_Map.get(i)+'年级':'年级匹配不存在'}

3.数组+索引优化代码

function grade(i){    return  i>0 && i<8 ?['一','二','三','四','五','六','日'][i-1] + '年级':'年级匹配不存在'}

默认值优化

用||代替三元写法

三元写法function name(str) {  return str? str : "erin"}
优化||写法function name(str) {  return str || "erin"}

单个if else带return,应用三元写法

/*传统写法*/function test (bool) {   if(bool) {     return 1   } else {     return 0   }}
/*简洁三元写法*/function test (bool) {  return bool ? 1 : 0}

多个if else多后果返回能够参照上方(3.数组+索引优化代码)

本文参考https://juejin.cn/post/684490...

学无止境,愿我在架构师的路线上越来越近