简写优化技术

摘要：本文主要学习了JS中可以简写和优化的代码。

1 多个条件

在多个条件的判断语句中可以使用include()方法简写：

//简写前
if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {
  //代码逻辑
}
//简写后
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {
  //代码逻辑
}

2 判断语句

在简单的判断语句中可以使用三元运算符简写：

//简写前
let result = '未知';
if (score >= 60) {
  result = '及格';
} else {
  result = '不及格';
}
//简写后
let result = score >= 60 ? '及格' : '不及格';

支持嵌套条件的场景：

//简写前
let result = '未知';
if (score >= 60) {
  if (score >= 90) {
    result = '优秀';
  } else {
    result = '及格';
  }
} else {
  result = '不及格';
}
//简写后
let result = score >= 60 ? score >= 90 ? '优秀' : '及格' : '不及格';

3 声明多个变量

在声明多个变量时可以简写：

//简写前
let a = 1;
let b = 2;
//简写后
let a = 1, b = 2;

4 非空判断

在判断变量是否为空时可以简写：

//简写前
let result = 'error';
if (x !== null && x !== undefined && x !== '') {
  result = x;
}
//简写后
let result = 'error';
if (x) {
  result = x;
}

继续简写：

//简写前
let result = 'error';
if (x) {
  result = x;
}
//简写后
let result = x || 'error';

5 Switch判断简写

在使用Switch判断语句时可以简写：

//简写前
switch (data) {
  case 1:
    test1();
  break;
  case 2:
    test2();
  break;
  case 3:
    test3();
  break;
}
//简写后
var test = {
  1: test1,
  2: test2,
  3: test3
};
test[data] && test[data]();