到底规范是什么? CommonJS规范与AMD/CMD规范

CommonJS规范加载模块是同步的,只有加载完成,才能执行后面的操作。
AMD规范是非同步加载模块,允许指定回调函数。
由于Node.js主要用于服务器编程,模块文件一般都已经存在于本地硬盘,所以加载起来比较快,不用考虑非同步加载的方式,所以CommonJS规范比较适用。但是,如果是浏览器环境,要从服务器端加载模块,这时就必须采用非同步模式,因此浏览器端一般采用AMD规范。

CommonJS规范中的module、exports和require

每个文件就是一个模块,有自己的作用域。每个模块内部,module变量代表当前模块,是一个对象,它的exports属性(即module.exports)是对外的接口。

module.exports属性表示当前模块对外输出的接口,其他文件加载该模块,实际上就是读取module.exports变量。
为了方便,Node为每个模块提供一个exports变量,指向module.exports。

在这里插入图片描述
require命令用于加载模块文件。
使用示例:
在这里插入图片描述
注:不能直接将exports变量指向一个值,因为这样等于切断了exports与module.exports的联系:如下

在这里插入图片描述
如果一个模块的对外接口,就是一个单一的值,不能使用exports输出,只能使用module.exports输出。

1. AMD是RequireJS在推广过程中对模块定义的规范化产出。
CMD是SeaJS在推广过程中对模块定义的规范化产出。
2. 对于依赖的模块,AMD是提前执行,CMD是延迟执行。不过 RequireJS从 2.0开始,也改成可以延迟执行(根据写法不同,处理方式不同)。CMD 推崇as lazy as possible.
3. CMD推崇依赖就近,AMD推崇依赖前置。

在这里插入图片描述
虽然AMD也支持CMD的写法,同时还支持将require作为依赖项传递,但RequireJS的作者默认是最喜欢上面的写法,也是官方文档里默认的模块定义写法。

4. AMD 的API默认是一个当多个用,CMD的API严格区分,推崇职责单一。
比如AMD里,require分全局require和局部require,都叫 require。CMD里,没有全局require,而是根据模块系统的完备性,提供seajs.use来实现模块系统的加载启动。CMD里,每个API都简单纯粹。

拓展

目前所有的引擎都还没有实现import,在node中使用babel支持ES6,也仅仅是将ES6转码为ES5再执行,import语法会被转码为require。这也是为什么在模块导出时使用module.exports,在引入模块时使用import仍然起效,因为本质上,import会被转码为require去执行。

参考文献
链接:https://www.jianshu.com/p/7c7fc199b7aa
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

猜你喜欢

转载自blog.csdn.net/weixin_43101443/article/details/88531861