1.避免 if 過長(zhǎng)

如果判斷值滿足多個(gè)條件,我們可能會(huì)這么寫:

?

if (value === a || value === b || value === c) { ... }


當(dāng)條件太多時(shí)會(huì)變得很長(zhǎng),可讀性很差,可以這樣寫:



if ([a, b, c].includes(value)) { ... }


2. 如果if中返回值時(shí), 就不要在寫else

經(jīng)常會(huì)看到這種寫法:

?

if (...) {
return toto
} else {
return tutu
}


如果if有返回值,可以這么寫:



if (...) {
return toto
}

return tutu


3.多條件與運(yùn)算


if (test1) {
callMethod();
}


實(shí)際也可以這么寫



test1 && callMethod();


4.Null, Undefined, 空值檢查


// 冗余
if (first !== null || first !== undefined || first !== ) {
let second = first;
}


這么寫冗余太多,換一種方式:


let second = first || ;


if條件優(yōu)化就先介紹這么多,有時(shí)間再總結(jié)更多優(yōu)化技巧。