SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架。
参考以下网址进行详细学习:
https://segmentfault.com/a/1190000000357191?page=1
三种编写模块的模式
使用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
是一个数组,表示当前模块的依赖。