代码优化个人经验总结(以代码解耦模块化 减少代码量为目标 提高可维护性降低bug率)

近期公司业务线的需求含有大量后端数据在前端的集中展示，包含了各种其他业务线的数据，且格式各不相同，。
需求实现过程中写了大量的数据处理代码逻辑，但都是通过if判断分开不同的情况。虽然部分功能函数实现了抽离，例如耗时计算，时间转换，名称匹配等。但主题逻辑还是很庞杂，不利于维护。
深刻认识到此类情况代码应该优化，想到之前看到过一种对象匹配的写法，拿出来总结下练练手，以应对之后的类似开发场景。

for in 循环代替 foeEach()

for (variable in object)
1

习惯了写 arr.forEach(it=>{}) 这类循环函数处理数据，但作为函数由着她本身的缺陷。
在面对对象类型得数据时，可以使用 for (variable in object)循环 可以continue和break更灵活 。

即使是最基础得for循环 也有着他的用武之地。
作为程序员要合理选择使用他们，而不是一昧的使用自己惯于使用的方式来编程。
要降低代码数量，提升质量，使得代码易于维护，也能降低BUG发生的概率，这也是程序员存在得意义之一。

对象键名匹配 代替if、switch、三元运算符等

• 使用逻辑运算符

    if (!evt) {
        evt = window.event;
    }
	if (isOnline){
	    makeReservation(user)；
	}
1
2
3
4
5
6

    evt = evt || window.event;
	isOnline&&makeReservation(user);
1
2

• 作为数据的函数
  我们知道在JS中函数是第一个类，所以使用它我们可以把代码分割成一个函数对象。

function(op, n1, n2) {
        const result;
        if (op == "add") {
            result = n1 + n2;
        } else if (op == "sub" ) {
            result = n1 - n2;
        }
        return result;
    }
run("sub", 5, 3); //2
1
2
3
4
5
6
7
8
9
10

const calc = {
    add : function(a,b) {
        return a + b;
    },
    sub : function(a,b) {
        return a - b;
    },
    run: function(fn, a, b) {
        return fn && fn(a,b);
    }
}

 
calc.run(calc.sub, 7, 4); //28
1
2
3
4
5
6
7
8
9
10
11
12
13
14

要在代码便携式意识到可模块化 函数话得地方就尽量去实现再实现功能
对象处理用for in 不再习惯性死板用forEach遍历对象再去匹配键名