本文檔的主要內(nèi)容詳細(xì)介紹的是如何組織大型JavaScript應(yīng)用中的代碼。

　　首先，我們來看看angular-seed，它是AngularJS應(yīng)用開發(fā)的官方入門項目，其文件結(jié)構(gòu)是這樣的：

　　不錯，現(xiàn)在已經(jīng)可以通過樹形文件目錄或者IDE快捷鍵更方便地查找文件了，源代碼控制中的變更集（changeset）也能夠清楚地描述文件修改記錄。雖然已經(jīng)獲得了極大的改進(jìn)，但是仍有一定的局限性。

　　想象一下，你現(xiàn)在正在辦公室，突然發(fā)現(xiàn)明天有個商務(wù)出差，需要幾套干洗的衣服，因此給家里打電話告訴另一半把黑色和藍(lán)色的西裝交給清潔工，還有黑紋領(lǐng)帶配灰色襯衫、白襯衫配純黃領(lǐng)帶。如果你的另一半并不熟悉衣柜，又該如何從三條黃色的領(lǐng)帶中挑出你的正確需求？

　　模塊化

　　希望衣服的比喻沒有讓你覺得過于陳舊，下面舉一個實例：

　　· 你的搭檔是新來的開發(fā)者，他被要求去修補(bǔ)這個復(fù)雜應(yīng)用中的一處bug。

　　· 他掃過這些文件夾，看到了controllers、models、services等文件夾整齊地排列著，但是他仍然不清楚對象間的依賴關(guān)系。

　　· 處于某些原因，他希望能夠重用部分代碼，這需要從各個文件夾中搜集相關(guān)文件，而且常常會遺漏某些文件夾中的對象。

　　信或不信，你確實很少會在新項目中重用很多代碼，但你很可能需要重用登陸系統(tǒng)這樣的整個模塊。所以，是不是按功能劃分文件會更好？下面的文件結(jié)構(gòu)是以功能劃分后的應(yīng)用結(jié)構(gòu)：
?