作家
登录

很全很全的JavaScript模块讲解,看了绝不后悔!

作者: 来源: 2018-01-03 11:34:59 阅读 我要评论

 (){}, 
  •  
  •         methodTwo: function (){} 
  •  
  •     }; 
  •  
  • }); 
  • 2、非自力模块,对其他模块有依附。

    1. define([ 'moduleOne''moduleTwo' ], function(mOne, mTwo){ 
    2.  
    3.     ... 
    4.  
    5. }); 
    6.  
    7. //或者 
    8.  
    9. define( function( require ){     
    10.  
    11. var mOne = require( 'moduleOne' ), 
    12.  
    13.         mTwo = require( 'moduleTwo' ); 
    14.  
    15.     ... 
    16.  
    17. }); 

    如上代码, define中有依附模块数组的 和 没有依附模块数组用require加载 这两种定义模块,调用模块的办法合称为AMD模式,定义模块清楚,不会污染全局变量,清跋扈的显示依附关系。AMD模式可以用于浏览器情况并且许可非同步加载模块,也可以按需动态加载模块。

    CMD

    1、 平日情况下,export输出的变量就是本来的名字,然则可以应用as关键字重定名。

    CMD(Common Module Definition),在CMD中,一个模块就是一个文件。

    全局函数define,用来定义模块。

    参数 factory 可所以一个函数,也可认为对象或者字符串。

    当 factory 为对象、字符串时,表示模块的接口就是该对象、字符串。

    定义JSON数据模块:

    1. define({ "foo""bar" }); 

    factory 为函数的时刻,表示模块的构造办法,履行构造办法便可以获得模块向外供给的接口。

    1. define( function(require, exports, module) {      
    2.  
    3. // 模块代码 
    4.  
    5. }); 

    SeaJS

    seajs.use用来在页面中加载一个或者多个模块。

    1. // 加载一个模块  
    2.  
    3. seajs.use('./a'); 
    4.  
    5. // 加载模块,加载完成时履行回调 
    6.  
    7. seajs.use('./a'function(a){ 
    8.  
    9.     a.doSomething(); 
    10.  
    11. }); 
    12.  
    13. // 加载多个模块履行回调 
    14.  
    15. seajs.use(['./a','./b'],function(a , b){ 
    16.  
    17.     a.doSomething(); 
    18.  
    19.     b.doSomething(); 
    20.  
    21. }); 

    AMD和CMD最大年夜的差别是对依附模块的履行机会处理不合,留意不是加载的机会或者方法不合。

    很多人说requireJS是异步加载模块,SeaJS是同步加载模块,这么懂得实际上是不精确的,其实加载模块都是异步的,只不过AMD依附前置,js可以便利知道依附模块是谁,急速加载,而CMD就近依附,须要应用把模块变为字符串解析一遍才知道依附了那些模块,这也是很多人诟病CMD的一点,就义机能来带来开辟的便利性,实际上解析模块用的时光短到可以忽视。

    为什么说是履行机会处理不合?


      推荐阅读

      详解如何用深度学习消除背景,实现抠图

    【限时免费】岁尾最强一次云计算大年夜会,看传统、社区、互联网企业若何碰撞? 在上述课程中,我碰到了 Alon Burg——一名经验丰富的 web 开辟人员,我们刚好趣味相投。所认为了>>>详细阅读


    本文标题:很全很全的JavaScript模块讲解,看了绝不后悔!

    地址:http://www.17bianji.com/lsqh/40215.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)