100个优化js代码的技巧

欢迎大家关注我的同名前端公众号：杨灿就是杨火山，点击可查看公众号二维码

1.带有多个条件的 if 语句

把多个值放在一个数组中，然后调用数组的 includes 方法。

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

2. 简化 if true…else false

对于不包含大逻辑的 if-else 条件，可以使用下面的快捷写法。

// Longhand
let test: boolean;
if (x > 100) {
   
    test = true;
} else {
   
    test = false;
}

// Shorthand
let test = x > 10;
console.log(test);

3. 给多个变量赋值

当我们想给多个不同的变量赋值时，这种技巧非常有用。

//Longhand
let test1, test2, test3;
test1 = 1;
test2 = 2;
test3 = 3