編寫高效的JAvascript——Nicholas C. Zakas(讀書筆記)

來源:互聯網
上載者:User

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引擎執行的總時間。你可以使用定時器將任務拆分執行,從而繞開這些限制,避免瀏覽器彈出中止指令碼啟動並執行警告。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.