本文僅討論具名模組的情況,即通過spm打包出來的模組.

今天又研究了下seajs原始碼,原始碼中並沒有顯式的判斷id與路徑相不相等,即沒有類似如下的程式碼

if(id == uri){

  mod.exec();

}

假定被載入的模組為a.js

step1:在載入a.js前,就建立並快取了a.js的module例項A,key值為a.js的全路徑,暫定為uriA

step2:定義好onload事件(這裡ie又出來搗亂了),建立script標籤插入head

step3:瀏覽器載入完a.js後,執行define方法跟蹤程式碼到seajs內部,發現並沒有做什麼特別的事,只是呼叫了Module.save方法,id與路徑的匹配即體現在這個save方法中.且看原始碼:

 1 // Save meta data to cachedMods
 2 Module.save = function(uri, meta) {
 3   var mod = Module.get(uri)
 4 
 5   // Do NOT override already saved modules
 6   if (mod.status < STATUS.SAVED) {
 7     mod.id = meta.id || uri
 8     mod.dependencies = meta.deps || []
 9     mod.factory = meta.factory
 
10     mod.status = STATUS.SAVED
11   }
12 }

第3行,獲取快取中的module,uri是模組中的id.

假如id與載入路徑相等,那麼這裡可以獲取到step1快取的A,然後將factory等屬性賦給A,結束

假如id與載入路徑不相等,那麼這裡將獲取不到A,會新建立一個新例項B

step4:瀏覽器執行完a.js的程式碼,執行onload回撥,進行一系列的屬性操作(比如waiting和remain)和依賴模組的載入等等,這裡有遞迴...需要花點時間才能看懂.

step5:等step4的所有遞迴執行完,也即a.js及其所有依賴模組都已載入完,執行完,進入就緒狀態,執行a.js的factory,這裡的factory從A中獲取,A通過uriA從快取中獲取.

         如果step3中,a.js中的id與載入它的路徑不一致,那麼這裡A中的factory將是undefined,所以你的factory方法就不執行.

以上是seajs處理模組的大致流程.

至於使id與路徑一致,通常的做法是,use或require裡的直接量字串引數與模組裡的id相等.比如

//html頁面
seajs.use("app/start",function(){
   // code
})
//start.js
define("app/start",["jquery/jquery/1.7.2/jquery"],function(require, exports, module){
//code
})

不過,這兩個值通過seajs內部resolve過後能相等,也是可以的.