Nicholas C. Zakas 在《編寫高效的Javascript》一文裡總結如下:
- 管理範圍非常重要,因為存取非局部變數要比局部變數耗時更多。盡量避免使用增長範圍鏈的結構,比如使用with語句和try-catch從句。如果非局部變數的使用超過一次,那麼為了降低效能損耗,就應該將它儲存到一個局部變數中。
- 儲存和讀取資料的方式對指令碼效能影響極大。字面量和局部變數總是最快的;存取數組元素和對象屬性會引起效能損耗。如果數組元素或者對象屬性的使用超過一次,那麼,為了提高存取速度,就應該將它儲存到一個局部變數中。
- 流量控制也是影響指令碼執行速度的一個重要因素。條件判斷有三種方式:if語句、switch語句和數組尋找。if語句適用於少量離散值或者一段區間值的判斷;switch語句最好用於對3~10個離散值的判斷;數組尋找在處理大量離散值時效率最高。
- 在Javascript中,迴圈經常會成為效能瓶頸。為了使迴圈效率更高效,可以採用倒序的方式來處理元素,也就是在控制條件中,將迭代變數和0做比較。相比非0值,這種方式要快得多,從而顯著提升數組的處理速度。如果必須要進行大量的迭代,還可以考慮使用Duff策略來提高執行速度。
- 謹慎使用HTMLCollection對象。每次存取這類對象的屬性,都會重新查詢DOM中匹配的節點。為了避免這種高昂的開銷,只有在必要時才存取HTMLCollection對象,並將經常存取的值(例如length屬性)儲存在局部變數中。
- 常見的字串操作可能帶來意料之外的效能問題。Internet Explorer處理字串串連的速度比其他瀏覽器要慢得多,但這沒什麼大不了,除非你執行1000次以上的字串串連。你可以對Internet Explorer處理字串串連的方式進行最佳化:先將所有要串連的字串儲存到數組中,然後調用join()方法合并他們。去除字串兩端的空白也可能很耗時,這取決於字串的大小。如果指令碼中經常需要去除字串兩端的空白,那請確保使用最優演算法。
- 瀏覽器會限制Javascript可以啟動並執行最長時間,有些會以執行語句的數量作為判斷條件,有些則會控制Javascript引擎執行的總時間。你可以使用定時器將任務拆分執行,從而繞開這些限制,避免瀏覽器彈出中止指令碼啟動並執行警告。