SeaJS是一個遵循CommonJS規(guī)范的JavaScript模塊加載框架。本文給大家分享sea.js知識總結(jié)，感興趣的朋友一起學(xué)習(xí)吧

SeaJS是一個遵循CommonJS規(guī)范的JavaScript模塊加載框架。是一款現(xiàn)代的用于Web開發(fā)的模塊加載工具，提供簡單、極致的模塊化體驗(yàn)。Sea.js 由阿里、騰訊等公司共同維護(hù)。

使用 Sea.js的好處：

Sea.js 追求簡單、自然的代碼書寫和組織方式，具有以下核心特性：

簡單友好的模塊定義規(guī)范：Sea.js 遵循 CMD 規(guī)范，可以像 Node.js 一般書寫模塊代碼。

自然直觀的代碼組織方式：依賴的自動加載、配置的簡潔清晰，可以讓我們更多地享受編碼的樂趣。

Sea.js 還提供常用插件，非常有助于開發(fā)調(diào)試和性能優(yōu)化，并具有豐富的可擴(kuò)展接口。

下面給大家介紹sea.js的三種編寫模塊的模式

使用exports，exports 是一個對象，用來向外提供模塊接口。

define(function (require, exports, module) {

var a = require("./init");

var fun1 = function () {

return a.write("模塊main調(diào)用模塊init的write方法");

};

exports.fun1=fun1;

});

除了給 exports 對象增加成員，還可以使用 return 直接向外提供接口。

define(function(require,exports,module){

var a = require("./init");

var fun1 = function () {

return a.write("模塊main調(diào)用模塊init的write方法");

};

return{

fun1:fun1

}

})

如果模塊沒有任何業(yè)務(wù)邏輯只是返回一個對象還可以簡化為以下

define({

fun1 : function () {

alert("模塊main的fun1調(diào)用成功")

}

});

還有一種是通過module.exports對外提供一個統(tǒng)一的接口例如：

define(function(require,exports,module){

var a = require("./init");// ./是當(dāng)前目錄 ../是上級目錄 /是根目錄

var fun1 = function () {

return a.write("模塊main調(diào)用模塊init的write方法");

};

exports.b=function(){ //沒有任何意義，賦值無效

alert("bb")

};

module.exports={

fun1:fun1

}

});

exports 僅僅是 module.exports 的一個引用。在 方法內(nèi)部給 exports 重新賦值時，并不會改變 module.exports 的值。因此給 exports 賦值是無效的，以上的方法只暴漏給外部一個fun1，上面的b方法賦值是無效的，不能用來更改模塊接口。

exports.async() 

require.async(id||[], callback?)

require.async 方法用來在模塊內(nèi)部異步加載模塊，并在加載完成后執(zhí)行指定回調(diào)。callback 參數(shù)可選。

define(function(require,exports,module){

require.async('./init',function(a){

a.write("模塊main調(diào)用模塊init的write方法")

});

require.async(['./init',"./search"],function(a,b){

a.write("模塊main調(diào)用模塊init的write方法");

b.search("search模塊成功引入")

});

});

module module是一個對象，上面存儲了與當(dāng)前模塊相關(guān)聯(lián)的一些屬性和方法。 

1 module.id String

模塊的唯一標(biāo)識。

2 module.uri String

根據(jù)模塊系統(tǒng)的路徑解析規(guī)則得到的模塊絕對路徑，一般情況下（沒有在 define 中手寫 id 參數(shù)時），module.id 的值就是 module.uri，兩者完全相同。

3 module.dependencies Array

dependencies 是一個數(shù)組，表示當(dāng)前模塊的依賴。