项目代码优化技巧

139 阅读1分钟

多表达式多 if 判断


// 长
if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {  
//logic
}
// 短
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {  
//logic
}

合并变量赋值

// 长 
let test1, test2, test3;
test1 = 1;
test2 = 2;
test3 = 3;
// 短 let
[test1, test2, test3] = [1, 2, 3];

. && 运算符

// 长 
if (test1) { 
    callMethod(); 
} 
// 短 
test1 && callMethod();

Switch 简记法

// 长
switch (data) {
case 1:   
test1();
break;
  case 2:
  test2();
  break;
  case 3: 
  test();  
  break;  
  // And so on...
  }
// 短
const data = {  1: test1,  2: test2,  3: test};
data[something] && data[something]();

持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新持续更新