2008-09-02 221 views
34

什麼是一些很好的資源來學習Javascript的最佳實踐?我主要關心什麼時候應該是一個對象,什麼時候應該在DOM中跟蹤它。另外,我想更好地學習如何組織我的代碼,以便於進行單元測試。Javascript最佳實踐

+0

[This。](http://stackoverflow.com/questions/39691/javascript-best-practices#39713) – Will 2008-09-02 14:59:54

回答

36

借調Javascript: The Good Parts和Resig的書Secrets of the Javascript Ninja

這裏有一些提示,以獲得javascript:

  • 不污染全局命名空間(將所有功能集成到對象/關閉)
    • 看看YUI,它只有一個巨大的代碼庫2個全局對象:YAHOO和YAHOO_config
  • 使用用於單身模塊模式(http://yuiblog.com/blog/2007/06/12/module-pattern/
  • 使您的JS儘可能重用(jQuery插件,YUI模塊,基本JS對象)。不要編寫大量的全局函數。
  • 不要忘了你的變種變量
  • 使用的JSLint:http://www.jslint.com/
  • 如果需要保存狀態,它可能是最好用的,而不是DOM對象。
2

可能最重要的是使用一個框架,如jQueryprototype,來消除瀏覽器之間的差異,並且使一切變得更容易。

+1

我完全不同意。雖然在某一時刻,這可能是有效的建議,但現在看來,框架主要被newbs用來掩蓋他們的缺乏經驗,並且完全無法編寫JavaScript或訪問DOM。 – austincheney 2012-07-28 21:48:22

+1

我完全不同意你austincheney。抱怨框架是小菜鬼如何躲避他們不知道如何使用工具來簡化工作的事實。別浪費時間。學習如何站在巨人的肩膀上。 也直接走DOM是一個可怕的想法。 – akronymn 2013-01-16 01:25:41

8

我在某種程度上不同意「使用框架」聲明。太多人盲目地使用框架,很少或根本不瞭解窗簾背後發生的事情。

1

作爲編的書克羅克福德,你可能也想看看這片Code Conventions for the Javascript Programming Language。我也有一個稍微不同的建議:爲什麼不創建自己的JS庫而不是使用JS庫?你可以寫一個蹩腳的圖書館(就像我一樣),但你會在這個過程中學到一些東西。您可以使用現有示例作爲模型。另外,爲了幫助您瞭解JS設計模式,我將推薦另一本書「Pro Javascript Design Patterns」。

2

YUI Theatre由Steve Souders,Douglas Crockford,John Resig和其他人提供的關於JavaScript,YUI,網站性能和其他相關主題的視頻(一些與成績單一起)。

對jQuery和其他框架上的Youtube也有非常感興趣的谷歌技術講座。