將JavaScript代碼分成幾個文件：最佳實踐

Question

我只用ExtJS工作2周。我所有的代碼看起來像一個大文件。我在代碼中包含許多包含面板和其他ExtJS對象。看起來像一棵大樹） 任何可以給定一些簡單的建議，用於定義，存儲JS文件的代碼部分？

Answer 1

東西，適合自己的文件分爲兩大類：

模式

任何對象構造函數。處理數據的任何一組函數。任何業務邏輯。驗證邏輯。

任何可以在邏輯上操作頁面上的數據而無需從DOM寫入/讀取的任何操作。

查看

凡是呈現​​頁面。模板文件。任何操縱DOM對象的東西。

也有適合他們自己的文件

• 服務器 - 客戶端通信，的WebSockets，AJAX雜事。
• 微框架
• 實用帶
• 路由助手。

有些東西很難暴露在他們擁有的文件中，如基於事件的消息將您的視圖鏈接到模型。

通常，您希望使用打包工具將所有小文件混合成一個大文件發送到服務器或使用像require這樣的模塊加載程序。

任何你認爲可以模塊化的東西都可以放在它自己的文件中。

Answer 2

如果您發現自己重複了代碼，您可以創建這些類，並且這些類可以進入它們自己的文件。另外，無論是否重複，您都可以沿面板線分割。

因此，對於應用程序的教學用戶如何把他們的微創訓練有素的灰熊到一生的伴侶，你可能最終得到這樣的文件：

• BearsAreNotDeadly.js
• Search.js
• 教程.js文件
• GruesomePictures.js
• ComplaintForm.js

......每個人都是應用程序的一部分。