requireJS入門基礎

參考

require.js詳解

1.引用requirejs的html檔案

第7行,使用和約定的屬性data-main和src引入require.js模組, 所有的require配置在這裡寫在目錄js下的main.js, 即require物件會到目錄js下尋找main.js檔案,require物件約定js檔案可以省略.js副檔名.

2.requirejs配置入口js檔案

1
require.config(
6});
78 require(['monkey'],function
(mk) );

如這裡的 js/main.js檔案

1.呼叫require物件的config方法,對required物件進行基礎設定, baseurl

指的require物件載入模組檔案的根目錄，可以是絕對路徑或相對路徑,對第8行產生影響.即當require物件執行第8行時, require物件會到js目錄下載入monkey.js檔案.paths

的作用就是將一些常用的js檔案，換成通用的名字。例如jquery-1.8.2.min.js，我們不用每次呼叫它都寫這個長名字，就將jquery替代jquery-1.8.2.min.js，快捷方便。

2.requirejs核心函式require(,function(x){});

它接受兩個引數, 第乙個引數是乙個陣列，表示所依賴的框架, 第二個引數是乙個**函式，當前面指定的模組都載入成功後，它將被呼叫。載入的模組會以引數形式傳入該函式，從而在**函式內部就可以使用這些模組(如這裡的mk

), 所以,關鍵理解,monkey模組怎樣設計.

3.requirejs相關模組js

1 define(['jquery'],function
($);
5return
;8 });

使用requirejs的第3部分,就是按amd規範, coding自己的js 模組檔案, 如這裡的js/monkey.js檔案

define的第2個引數也封裝成乙個匿名函式, 這裡第5行~7行又封裝成乙個匿名物件,將第2行定義的function返回出來.