javascript优化技巧

1. 多个条件的判断

可以在数组中存储多个值，并且我们可以使用数组的includes方法

includes方法作用----数组中是否存在某个元素

//普通写法
if (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') {
//logic
}
//简写方法
if (['abc', 'def', 'ghi', 'jkl'].includes(x)) {
   //logic
}

2. If true ... else简写方法 用三元表达式来代替

// 普通方法
let test= boolean;
if (x > 100) {
test = true;
} else {
test = false;
}
// 简写方法
let test = (x > 10) ? true : false;
//or we can simply use
let test = x > 10;
console.log(test);

嵌套条件后，我们保留如下所示的内容

嵌套条件的三元表达式写法

let x = 300,
let test2 = (x > 100) ? 'greater 100' : (x < 50) ? 'less 50' : 'between 50 and 100';
console.log(test2); // "greater than 100"

3. Null、Undefined、空检查

// 普通方法
if (first !== null || first !== undefined || first !== '') {
let second = first;
}
// 简写方法
let second = first|| '';