1.為什么使用requireJS
1.當使用多個js文件時，傳統做法為：
<script src="1.js"></script>
<script src="2.js"></script>
<script src="3.js"></script>
<script src="4.js"></script>
缺點：
（1）加載的時候，瀏覽器會停止網頁渲染，加載文件越多，網頁失去響應的時間就會越長；
（2）由于js文件之間存在依賴關系，因此必須嚴格保證加載順序
2.使用requireJS的優點
（1）實現js文件的異步加載，避免網頁失去響應；
（2）管理模塊之間的依賴性，便于代碼的編寫和維護。
2.requireJS 加載
1.防止加載requireJS是網頁失效
（1）將require.js 的加載放在網頁最后
<script src='...../require.js'></script>
（2）寫成下面形式（async屬性表明這個文件需要異步加載，避免網頁失去響應。IE不支持這個屬性，只支持defer，所以把defer也寫上。）
<script src="js/require.js" defer async="true"></script>
3.主模塊的寫法
主模塊指網頁入口的模塊（js文件）
1.主模塊不依賴其他模塊
直接寫（main.js)
alert(' .....')
//js代碼
2.主模塊依賴其他模塊
// main.js
require(['moduleA', 'moduleB', 'moduleC'], function (moduleA, moduleB, moduleC){
// some code here
});
require()函數接受兩個參數。
(1)第一個參數是一個數組，表示所依賴的模塊，上例就是['moduleA', 'moduleB', 'moduleC']，即主模塊依賴這三個模塊；
(2)第二個參數是一個回調函數，當前面指定的模塊都加載成功后，它將被調用。
-加載的模塊會以參數形式傳入該函數，從而在回調函數內部就可以使用這些模塊。
2.實例
require(['jquery', 'underscore', 'backbone'], function ($, _, Backbone){
// some code here
});
4.模塊加載（require.config)
上一節最后的示例中，主模塊的依賴模塊是['jquery', 'underscore', 'backbone']。默認情況下，require.js假定這三個模塊與main.js在同一個目錄，文件名分別為jquery.js，underscore.js和backbone.js，然后自動加載。
使用require.config()方法，我們可以對模塊的加載行為進行自定義。require.config()就寫在主模塊（main.js）的頭部。參數就是一個對象，這個對象的paths屬性指定各個模塊的加載路徑。
require.config({
paths: {
"jquery": "jquery.min",
"underscore": "underscore.min",
"backbone": "backbone.min"
}
});
當各個模塊在同一路徑下時
require.config({
baseUrl: "js/lib",
paths: {
"jquery": "jquery.min",
"underscore": "underscore.min",
"backbone": "backbone.min"
}
});
如果某個模塊在另一臺主機上，也可以直接指定它的網址，比如：
require.config({
paths: {
"jquery": "https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min"
}
});
5.AMD模塊寫法
require.js加載的模塊，采用AMD規范。也就是說，模塊必須按照AMD的規定來寫。
具體來說，就是模塊必須采用特定的define()函數來定義。如果一個模塊不依賴其他模塊，那么可以直接定義在define()函數之中。
假定現在有一個math.js文件，它定義了一個math模塊。那么，math.js就要這樣寫：
// math.js
define(function (){
var add = function (x,y){
return x+y;
};
return {
add: add
};
});
加載方法：
// main.js
require(['math'], function (math){
alert(math.add(1,1));
});
如果這個模塊還依賴其他模塊，那么define()函數的第一個參數，必須是一個數組，指明該模塊的依賴性。
當require()函數加載上面這個模塊的時候，就會先加載myLib.js文件。
define(['myLib'], function(myLib){
function foo(){
myLib.doSomething();
}
return {
foo : foo
};
});
六、加載非規范的模塊
理論上，require.js加載的模塊，必須是按照AMD規范、用define()函數定義的模塊。但是實際上，雖然已經有一部分流行的函數庫（比如jQuery）符合AMD規范，更多的庫并不符合。如何使用require.js載非規范的模塊？
這樣的模塊在用require()加載之前，要先用require.config()方法，定義它們的一些特征。
舉例來說，underscore和backbone這兩個庫，都沒有采用AMD規范編寫。如果要加載它們的話，必須先定義它們的特征。
require.config({
shim: {
'underscore':{
exports: '_'
},
'backbone': {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
}
}
});
require.config()接受一個配置對象，這個對象除了有前面說過的paths屬性之外，還有一個shim屬性，專門用來配置不兼容的模塊。
具體來說，每個模塊要定義
（1）exports值（輸出的變量名），表明這個模塊外部調用時的名
（2）deps數組，表明該模塊的依賴性。
7.require.js插件
require.js還提供一系列插件，實現一些特定的功能。
（1）domready插件，可以讓回調函數在頁面DOM結構加載完成后再運行。
require(['domready!'], function (doc){
// called once the DOM is ready
});
(2)text和image插件，則是允許require.js加載文本和圖片文件。
define([
'text!review.txt',
'image!cat.jpg'
],
function(review,cat){
console.log(review);
document.body.appendChild(cat);
}
);
例如：text插件使用方法：
首先：下載 text.js 文件同 main.js 放在同一目錄想
7.循環依賴
- 什么是循環依賴：
在a執行到require('b')的地方時會停下來去調用b,當去執行b，執行到一半發現require('a'),就停下來去調用a，這么就形成了循環依賴。這 - require.js怎么處理的：
require.js只會執行到相互引用的部分，下面的代碼不再過問，也就是寫再多也調用不到。 - 循環會導致問題：
開發時，在a.js中調用b.js中的某個方法會報錯，“xxx is not a function”！原因就是因為該方法并沒有執行到。解決方法： 當出現循環依賴時，就不要依賴前置加載了，在a需要調用b的某個方法的那個地方先就近加載：var b = require('b'),然后再去調用b中的方法。 - 其它：
循環依賴不會出現在ES6中的import中，因為ES6中執行到import時并不會去執行import的代碼，只是返回了一個引用。等到真正用到的時候才會去執行。
