今天改插件BoxScroll的時候，因為if裡面的條件判斷多於兩個，於是立刻想著改寫switch。改到一半，忽然記起來JSHint等程式碼品質偵測工具中的一個要求，用===取代==，不用不可靠的強制轉型。然後忽然猜想，改成switch是不是會降低效率啊？ switch裡面的實際判斷是==還是===?
有了想法，趕緊舉個栗子，好一口吃掉:
var a = '5';
switch (a) {
case 5:
console.log('==');
break;
case "5":
console.log('===');
break;
default:
}
最後控制台顯示的是===，看來可以放心的用。找了下以前的學習筆記，嗯，高三裡面確實也說switch判斷是全等運算符，因此不會發生類型轉換。這裡小結一下
1.if和switch
if 是用得最多的，沒什麼太多好說。值得注意的一點是：if 其實和|| 很像，如果if (conditionA){} else {} 中的conditionA為true，然後它執行完else之前的程式碼區塊後就看都不會看else裡面的程式碼。和 || 前面為true的時候後面會被忽略一樣，即便裡面有再多的錯誤。基於這個性質，當然把可能用得最多的程式碼區塊放在前面，減少判斷次數。另一方面，如果有很多的 if 判斷，而且可能執行的次數分佈比較均勻，那麼後面的判斷語句每次都要把前面的判斷一個一個執行完，不利於優化。比較好的做法是將一層判斷語句變成兩層判斷語句，如
if (a > 0 && a <= 1) {
//do something
} else if (a > 1 && a <= 2) {
} else if (a > 2 && a <= 3) {
} else if (a > 3 && a <= 4) {
} else if (a > 4 && a <= 5) {
} else if (a > 5 && a <= 6) {
}...
變成
if (a > 0 && a <= 4) {
if (a <= 1) {
//do something
} else if (a > 1 && a <= 2) {
} else if (a > 2 && a <= 3) {
} else if (a > 3 && a <= 4) {
}
} else if (a > 4 && a <= 8) {
//
}..
雖然前面的每個判斷都多加了一次，但是後面的判斷就都減少了(4-1)*n次，還是滿賺的。忽然覺得這種方式和嵌套循環有點像，循環次數少的放在外面有助於性能優化，如何分成兩層甚至多層就要看具體情況了。
switch是 if 最親密的戰友，每次 if 忙不過來的時候就來搭把手。 switch和if 互轉估計沒什麼好說的，而且switch和if一樣，都是順序從上往下執行判斷的，有所不同的是if 中的else在switch裡面可不管用，它有自己的小弟:break 。如果沒有遇到break，switch會繼續往下執行，如
var a = 2;
switch (a) {
case 1:
console.log("1");
//break miss
case 2:
console.log("2");
case 3:
console.log("3");
default:
console.log('no break');
}
最後控制台顯示 2,3,no break 。其實蠻好理解，break是提示程式跳出內部執行體到下一個case 判斷，如果沒有了，相當於 if(condition){A}{B},沒有了else，A和B當然都要執行啦。還有兩個小tip，一是switch和case中可以寫任何表達式，如
switch (A + B) {
case a * b:
console.log("1");
break;
case a / b + c:
break;
//...
default:
console.log('no break');
}
實際上的比較是 (A B)===(a*b)和(A B)===(a/b c)。二是switch有一種特殊的用法，如
switch (true) {
case condition1:
//do something
break;
case condition2:
break;
//...
default:
//..
;
}
此時switch中的每一個case都會依照順序判斷執行。至於switch(false)?並沒有什麼卵用。
2.==與===
一句話搞定，除了在比較之前不轉換操作數之外，全等和不全等操作符與相等和不相等操作符並沒有什麼不同。
最經典的案例
var a = "5", b = 5; a == b //true a === b //false var a = "ABC", b = "AB" + "C"; a === b //true
下面的顯示true的原因其實和string類型不可變是分不開的。表面看起來b只是簡單的拼接一個字串，但其實它已經跟原來的b沒有關係。每一個字串都存在記憶體池中特定的地方，當b="AB" "C"執行完的時候，字串AB和C就已經被銷毀，而b指向記憶體池中ABC的位置。由於在指向前在記憶體池中發現了字串ABC(因為a引用著它，所以存在)，所以b就和a指向同一塊區域，全等判斷相等。如果在b之前沒有任何變數指向字串ABC，那麼記憶體池中沒有，就會在裡面劃一塊地方給ABC，並將b指向ABC。
附先前的總結圖兩張:
以上所述就是本文的全部內容了，希望大家能夠喜歡。
