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

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

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

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

　　模塊化

　　希望衣服的比喻沒(méi)有讓你覺(jué)得過(guò)于陳舊，下面舉一個(gè)實(shí)例：

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

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

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

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