CommonJS,AMD/CMD,ES6之间模块的区别

北慕城南 提交于 2019-12-05 04:23:13

一、CommonJS

CommonJS 模块就是对象,用于服务器端编程(webpack 是以CommonJS的形式来书写)

CommonJS 定义的模块分为:
{模块引用(require)} require()用来引入外部模块;
{模块定义(exports)} exports对象用于导出当前模块的方法或变量,唯一的导出口;
{模块标识(module)} module对象就代表模块本身。

CommonJS模块特点:
CommonJS 是同步加载模块,模块加载的顺序,按照其在代码中出现的顺序。
所有代码都运行在模块作用域,不会污染全局作用域。
模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。

二、AMD(RequireJS)、CMD(SeaJS)

RequireJS与SeaJS 模块是可以是对象 函数 构造器 字符串 JSON等各种类型的模块,用于浏览器端编程

RequireJS与SeaJS模块特点:
RequireJS与SeaJS 是异步加载模块
CMD推崇依赖就近,AMD推崇依赖前置
AMD里require分全局的和局部的,CMD里面没有全局的 require,提供 seajs.use()来实现模块系统的加载启动,CMD里每个API都简单纯粹。

 

ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。

ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入。

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!