<返回更多

项目中不可忽视的JavaScript优化技巧

2021-10-28    前端掘金
加入收藏

Null、Undefined、空检查

普通写法:

   if (username1 !== null || username1 !== undefined || username1 !== '') {
        let username = username1;
      }

优化后:

let username = username1 || '';

存在多个条件的判断

普通写法:

 if (x === 'png' || x === 'jpeg' || x === 'jpg' || x === 'gif') {
        //下一步
      }

优化后:

 if (['png', 'jpeg', 'jpg', 'gif'].includes(x)) {
        //下一步
      }

三目运算符

普通写法:

let flag
if(x > 10){
  flag = true
}else {
  flag = false
}

优化后:

let flag = x > 10 ? true : false

空/未定义检查和分配默认值

普通写法:

if(test1 !== null || test1 !== undefined || test1 !== ""){
  let test2 = test1;
}else {
  let test2 = ''
}

优化后:

let test2 = test1 || ''

箭头函数

普通写法:

function add(a, b) { 
   return a + b; 
} 

优化后写法:

const add = (a, b) => a + b;

扩展运算符

普通写法:

const data = [1, 2, 3];
const test = [4 ,5 , 6].concat(data);

优化后写法:

const data = [1, 2, 3];
const test = [4 ,5 , 6, ...data];
声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>