在JavaScript模块化开发中,为了让同一个模块可以运行在前后端,以及兼容多种模块规范(AMD,CMD,Node),类库开发者需要将类库代码包装在一个闭包内。
很早写的有兴趣可以看看,如何封装Node.js和Tian通用的模块:https://www.7psus5.com/archives/4478
AMD规范
AMD,即“异步模块定义”。主要实现比如:?RequireJS。
其模块引用方式如下:
define(id?,dependencies?,factory);
其中,id及依赖是可选的。其与CommonJS方式相似的地方在于factory的内容就是实际代码的内容,下面是一个简单的例子:
define(function(){ var exports = {}; exports.say = function(){ alert('hello'); }; return exports; });
CMD规范
CMD规范,与AMD类似,区别主要在于定义模块和依赖引入的地方。主要实现比如: SeaJS。
主要区别是:AMD需要在声明模块时指定所有的依赖,通过形参传递依赖到模块内容中。
define(['dep1','dep2'],function(dep1,dep2){ return function(){}; });
与AMD相比,CMD更接近Node对CommonJS规范的定义:
define(factory);
在依赖部分,CMD支持动态引入,如下:
define(function(require,exports,module){ // Todo });
require、exports、module通过形参传递给模块,在需要依赖模块时,随时调用require引入即可。
CommonJS的模块实现
CommonJS的模块引用使用require,如下:
var http = require('http');
Node的模块实现
在Node中引入模块,需要经过下面3个步骤:路径分析;文件定位;编译执行。主要用require()方法来查找模块。
兼容多种模块规范
为了让同一个模块可以运行在前后端,在开发过程中需要考虑兼容前后端问题,以下代码演示如何将hello()方法定义到不同的运行环境中,它能够兼容AMD、CMD、Node以及常见的浏览器环境中:
;(function (name, definition) { // 检测上下文环境是否为AMD或CMD var hasDefine = typeof define === 'function', // 检查上下文环境是否为Node hasExports = typeof module !== 'undefined' && module.exports; if (hasDefine) { // AMD环境或CMD环境 define(definition); } else if (hasExports) { // 定义为普通Node模块 module.exports = definition(); } else { // 将模块的执行结果挂在window变量中,在浏览器中this指向window对象 this[name] = definition(); } })('hello', function () { var hello = function () {}; return hello; });
以上信息主要摘自书籍《深入浅出Nodejs》
最新评论
写的挺好的
有没有兴趣翻译 impatient js? https://exploringjs.com/impatient-js/index.html
Flexbox playground is so great!
感谢总结。
awesome!
这个好像很早就看到类似的文章了
比其他的教程好太多了
柯理化讲的好模糊…没懂