【JavaScript】CommonJS\AMD\CMD\ES6 一览表

模块化规范核心思想模块定义与引用优点缺点
无模块化script标签引入js文件,顺序加载,相互罗列,但是被依赖的放在前面,否则使用就会报错。污染全局作用域
维护成本高
依赖关系不明显
CommonJS规范和node.js同步加载模块定义:exportsmodule.exports
模块加载:require('module')
解决了依赖、全局变量污染的问题(1)不能并行加载模块,会阻塞浏览器加载;
(2)代码无法直接运行在浏览器环境下,必须通过工具转换成标准的 ES5;
AMD和require.js异步加载依赖前置、提前执行模块定义:define('module', ['dep'], function (dep) { return exports; });
模块加载:require(['module'], function (module) { });
适合在浏览器环境中异步加载模块、并行加载多个模块不能按需加载、开发成本大
CMD和sea.js异步加载依赖就近、延迟执行模块定义:define(function (require, exports, module) { // 模块代码 });
模块加载:seajs.use(['math.js'], function (math) { var sum = math.add(1, 2); })
按需加载,依赖就近、延迟执行
ES6异步加载 异步执行模块定义:export/export default
模块加载:import
在语言标准的层面上,实现模块功能且实现简单浏览器还没有完全兼容,必须通过工具转换成标准的 ES5 后才能正常运行。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值