码迷,mamicode.com
首页 > Web开发 > 详细

浅析JS模块规范:AMD,CMD,CommonJS

时间:2017-12-29 10:17:37      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:call   rip   mat   fun   cal   var   ram   span   字符串解析   

from:https://www.jianshu.com/p/09ffac7a3b2c

随着JS模块化编程的发展,处理模块之间的依赖关系成为了维护的关键。


 
技术分享图片
模块化

AMD,CMD,CommonJS是目前最常用的三种模块化书写规范。

CommonJS

CommonJS规范是诞生比较早的。NodeJS就采用了CommonJS。是这样加载模块:

var clock = require(‘clock‘);
clock.start();

这种写法适合服务端,因为在服务器读取模块都是在本地磁盘,加载速度很快。但是如果在客户端,加载模块的时候有可能出现“假死”状况。比如上面的例子中clock的调用必须等待clock.js请求成功,加载完毕。那么,能不能异步加载模块呢?

AMD

AMD,即 (Asynchronous Module Definition),这种规范是异步的加载模块,requireJs应用了这一规范。先定义所有依赖,然后在加载完成后的回调函数中执行:

require([module], callback);

用AMD写上一个模块:

require([‘clock‘],function(clock){
  clock.start();
});

AMD虽然实现了异步加载,但是开始就把所有依赖写出来是不符合书写的逻辑顺序的,能不能像commonJS那样用的时候再require,而且还支持异步加载后再执行呢?

CMD

CMD (Common Module Definition), 是seajs推崇的规范,CMD则是依赖就近,用的时候再require。它写起来是这样的:

define(function(require, exports, module) {
   var clock = require(‘clock‘);
   clock.start();
});

AMD和CMD最大的区别是对依赖模块的执行时机处理不同,而不是加载的时机或者方式不同,二者皆为异步加载模块。
AMD依赖前置,js可以方便知道依赖模块是谁,立即加载;而CMD就近依赖,需要使用把模块变为字符串解析一遍才知道依赖了那些模块,这也是很多人诟病CMD的一点,牺牲性能来带来开发的便利性,实际上解析模块用的时间短到可以忽略。

以上就是三者的异同,如有疑问或建议,请参考以下文章或联系我,谢谢。
</br></br>



作者:乘着风
链接:https://www.jianshu.com/p/09ffac7a3b2c
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

浅析JS模块规范:AMD,CMD,CommonJS

标签:call   rip   mat   fun   cal   var   ram   span   字符串解析   

原文地址:https://www.cnblogs.com/liuqiyun/p/8142957.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!