模組化程式設計理解

工作中在做客戶運營系統時，發現js和css的引用還處於最原始的狀態沒有更新。在上乙個專案中通過物件和其中的方法實現了簡單的模組化程式設計。但隨著工程專案的龐大程度增加，簡單的物件已經滿足不了模組化程式設計的需求了，所以接觸了requirejs，了解了amd程式設計規範。

和amd對應的是cmd,在nodejs裡面的依賴是基於cmd，同步載入要依賴的檔案。而在瀏覽器中，如果同步載入需要依賴的檔案會導致阻塞，造成瀏覽器假死，所以需要進行非同步依賴。amd-asychronous module loader，支援這個規範的乙個庫是requirejs,可以用於優化**。

從小了說，在做幾個簡單頁面構成的小應用程式時，呼叫乙個js,用不同的物件把各個方法封裝起來，也是模組化的一種實現。但這更偏向業務層，涉及到其他其他第三方控制項時，就會變得不好管理。

在應用中引用requirejs進行開發

建立乙個應用程式，moduletest,工程的目錄如下

|---index.html
|---lib
|-------require.js
|----|---modules
|----|------|------math.js

在index.html中新增requirejs

data-main指出了入口js，類似於c++中的main函式。可以忽略js字尾。

data-main所在的目錄是baseurl，所有的require裡面的路徑都是相對於它的相對路徑，當然也可以在require.config裡面指定baseurl,這樣path就是以指定的baseurl為準了。

在math中寫入以下**：

define(,function
(); return
});

具體的函式實現寫在define函式中，第乙個引數是需要引用的模組，為賦新詞強說愁，引用了jquery，然後實現了add函式，return的結果是乙個物件，裡面包含需要返回的方法。

require.config(
});

因為要用到公用的已經存放在cdn上比較穩定的jquery版本，所以在這裡指定了jquery的路徑。

require(['jquery','lib/modules/math'],function
($,math));
});});