Sea.JS知識總結_javascript技巧

SeaJS是一個遵循CommonJS規範的JavaScript模組載入架構。是一款現代的用於Web開發的模組載入工具，提供簡單、極致的模組化體驗。Sea.js 由阿里、騰訊等公司共同維護。

使用 Sea.js的好處：

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

簡單友好的模組定義規範：Sea.js 遵循 CMD 規範，可以像 Node.js 一般書寫模組代碼。
自然直觀的程式碼群組織方式：依賴的自動載入、配置的簡潔清晰，可以讓我們更多地享受編碼的樂趣。
Sea.js 還提供常用外掛程式，非常有助於開發調試和效能最佳化，並具有豐富的可擴充介面。

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

使用exports，exports 是一個對象，用來向外提供模組介面。

define(function (require, exports, module) {var a = require("./init");var fun1 = function () {return a.write("模組main調用模組init的write方法");};exports.fun1=fun1;}); 

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

define(function(require,exports,module){var a = require("./init");var fun1 = function () {return a.write("模組main調用模組init的write方法");};return{fun1:fun1}})

如果模組沒有任何商務邏輯只是返回一個對象還可以簡化為以下

define({fun1 : function () {alert("模組main的fun1調用成功")}});

還有一種是通過module.exports對外提供一個統一的介面例如：

define(function(require,exports,module){var a = require("./init");// ./是目前的目錄 ../是上級目錄 /是根目錄var fun1 = function () {return a.write("模組main調用模組init的write方法");};exports.b=function(){ //沒有任何意義，賦值無效alert("bb")};module.exports={fun1:fun1}});

exports 僅僅是 module.exports 的一個引用。在 方法內部給 exports 重新賦值時，並不會改變 module.exports 的值。因此給 exports 賦值是無效的，以上的方法只暴漏給外部一個fun1，上面的b方法賦值是無效的，不能用來更改模組介面。

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

require.async 方法用來在模組內部非同步載入模組，並在載入完成後執行指定回調。callback 參數可選。

define(function(require,exports,module){require.async('./init',function(a){a.write("模組main調用模組init的write方法")});require.async(['./init',"./search"],function(a,b){a.write("模組main調用模組init的write方法");b.search("search模組成功引入")});});

module module是一個對象，上面儲存了與當前模組相關聯的一些屬性和方法。

1 module.id String

模組的唯一標識。

2 module.uri String

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

3 module.dependencies Array

dependencies 是一個數組，表示當前模組的依賴。