Null、Undefined、空檢查

普通寫法：

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

優(yōu)化后：

let username = username1 || '';

存在多個(gè)條件的判斷

普通寫法：

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

優(yōu)化后：

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

三目運(yùn)算符

普通寫法：

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

優(yōu)化后：

let flag = x > 10 ? true : false

空/未定義檢查和分配默認(rèn)值

普通寫法：

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

優(yōu)化后：

let test2 = test1 || ''

箭頭函數(shù)

普通寫法：

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

優(yōu)化后寫法：

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

擴(kuò)展運(yùn)算符

普通寫法：

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

優(yōu)化后寫法：

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