关于javascript:前端代码优化-减少代码量和冗杂

背景

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

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