sea.js总结

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 是一个数组,表示当前模块的依赖。

 

转载于:https://www.cnblogs.com/module/p/5360928.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值