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 是一個數組,表示當前模塊的依賴。