給JavaScript初學者的24個小竅門(1)

為JavaScript做一點效能小提升吧！

本文列出了24條能讓你的代碼編寫過程更為輕鬆高效的建議。也許您還是JavaScript初學者，剛剛寫完自己的Hello World，那這裡有很多對您的工作將十分有用的小貼士；也許有些技巧您已經知道，那就試試快速探索一下，看能不能發現一點新東西吧！

1. 用 === 代替 ==

JavaScript裡有兩種不同的相等運算子：===|!== 和==|!=。相比之下，前者更值得推薦。請盡量使用前者。

“如果兩個比較對象有著同樣的類型和值，===返回true，!==返回false。”
– JavaScript: The Good Parts

不過，如果使用==和!=，在操作不同資料類型時, 你可能會遇到一些意想不到的問題。在進行相等判斷前，JavaScript會試圖將它們轉換為字串、數字或 Boolean量。

2. 避免使用Eval函數

Eval函數把一個字串作為參數，並把字串作為JavaScript語句執行，返回結果。

此函數不僅會降低你指令碼的執行效率，而且還大大增加了安全風險，因為它賦予了作為文本的參數太大的權利。千萬別用！

3. 不要使用快速寫法

技術上說，你可以省略掉大部分花括弧和句尾分號，絕大多數瀏覽器都能正確執行以下語句：

 

  
if(someVariableExists)   
  
x = false 
 

不過，如果是這樣的呢：

 

  
if(someVariableExists)   
  
x = false 
  
anotherFunctionCall(); 
 

你可能會認為它和下面的語句相等：

 

  
if(someVariableExists) {   
  
x = false;   
  
anotherFunctionCall();  
  
}
 

不幸的是，事實並非如此。現實情況是它等價於：

 

  
if(someVariableExists) {   
  
x = false;   
  
}
  
anotherFunctionCall(); 
 

如您注意到的，再漂亮的縮排也不能代替這華麗的花括弧。在所有情況下都請寫清楚花括弧和句尾分號。在只有一行語句的時候能偶爾省略掉，雖然下這麼做也是極度不被推薦的：

 

  
if(2 + 2 === 4) return 'nicely done'; 
 

多考慮下將來吧，孩子

假設，在將來的開發過程中，你需要為這個 if 語句添加更多的命令呢？到時候你還不是得把括弧給加上？

4. 好好利用JS Lint

JSLint 是由 Douglas Crockford 編寫的一個調試器。你只需要貼上你的代碼，它就能快速為您掃描出任何明顯的錯誤和問題。

“JSLint 掃描接收的代碼。發現問題，描述問題，並給出其在源碼中的大概位置。可發現的問題包括但不限於語法錯誤，雖然語法錯誤確實是最常見的。JSLint也會用約定俗成的習慣檢查代碼的格式化風格，以及結構錯誤。通過JSLint的掃描並不能保證你的程式就完全正確。它只是為您提供了額外一雙發現錯誤的眼睛。”
– JSLint 文檔

完成代碼之前，把它放到JSLint裡檢查一下，快速消滅你的有趣的錯誤提示。