2014-02-14 65 views
0

我即將展開一個大型地圖應用程序項目,該項目將總計約有5000行JavaScript。確定何時創建新的JavaScript文件(組織源代碼)

我通常的做法就是創建一個名爲'main.js'的文件,然後將所有內容都包含在該文件中。我認爲是時候我擺脫這種困境,開始更加合理地存儲JavaScript文件,將組件分成更多的JavaScript文件。這是一個好主意嗎?我希望項目更有條理。

我的問題是,這樣做的最佳做法是什麼?我應該什麼時候說「嗯,這可能應該在它自己的文件中」。在決定將代碼放入新文件時,我是否應遵守一般經驗法則?

+0

是的,我會擺脫這種習慣。瞭解模塊模式如何工作,以便保持全局名稱空間的清潔。至於分組,這是一個經驗,風格和品味的問題。就像事情應該一起走。處理特定區域的函數應放在同一個模塊中。 – duffymo

回答

1

是的,你應該向上突破你的代碼到單獨的文件。有很多很多不同的方法可以決定給定文件中的內容 - 這完全取決於您的代碼是什麼以及如何組織它們。下面是一些你可以整理東西的可能方式:在相似的對象合併爲一個模塊和一個小模塊都包含在一個文件中可重用的對象

  1. 代碼。然後每個文件都是一個模塊。

  2. 組一組在一個文件與一個特定類型的功能對象和功能的。例如,如果你有一組幫你做動畫的功能,那麼你可能會將所有這些一起在一個文件中。

  3. 如果您有一組實用程序功能可在多個不同的應用程序中重複使用,請將這些功能組合在一個或多個文件中,以便在不重新組織它們的情況下可以更輕鬆地在多個項目中使用它們。

  4. 當考慮到可重用性,把您可能希望重新使用到自己的文件,這樣你就可以只包括什麼是期望在未來的項目中最小的塊。還要確保任何相關的函數,實用程序等......也可以分別包含在它們自己的文件中。這個想法是,在未來的項目,你就應該能夠包括現有的文件,而無需重新組織代碼,而不必包含了一堆東西,你不需要。

  5. 將特定於此特定應用程序和/或此特定用戶界面的代碼放入其自己的文件中,以便與其他部分分離,而您可能更希望在其他應用程序中重用這些代碼。


也請記住,最有效的部署策略是大部分的單獨文件的重新組合成最小化,因爲這是更有效的瀏覽器下載緩存及單,更大的文件提高您的網站的性能。文件的重組應該是一個自動生成的構建步驟,在最小化組合結果之前將文件連接在一起。這不是你用你的編輯器做的事情,因爲你應該把你的文件分開放在源代碼管理系統中。

0

是的,做你的項目分爲文件。我會使用與其他編程語言可能使用的相同的指導原則。好的編程技術或多或少具有普遍性。使用什麼語言並不重要。

嘗試將您的項目分解爲可重用對象。保持每個對象專注於定義的任務。這樣你就可以擁有一個可以在未來項目中使用的對象庫。

拿起「JavaScript的:好零件」的副本由克羅克福德道格拉斯