zoukankan      html  css  js  c++  java
  • 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 是一个数组,表示当前模块的依赖。

  • 相关阅读:
    [LintCode] Single Number 单独的数字
    [LeetCode] 444. Sequence Reconstruction 序列重建
    [LeetCode] K-th Smallest in Lexicographical Order 字典顺序的第K小数字
    [LeetCode] Arranging Coins 排列硬币
    [LeetCode] Ternary Expression Parser 三元表达式解析器
    [LeetCode] 436. Find Right Interval 找右区间
    在Mac上配置全局的Git忽略文件
    Git『Everything up-to-date』问题解决
    Android组件化框架项目详解
    Android架构设计之插件化、组件化
  • 原文地址:https://www.cnblogs.com/module/p/5360928.html
Copyright © 2011-2022 走看看