AMD、CMD、CommonJs、ES6的对比

已于 2022-03-29 14:56:23 修改
阅读量312 收藏 1
点赞数 1
文章标签： 前端 RequireJs CommonJs
于 2022-03-29 14:42:42 首次发布
原文链接：https://www.jindw.xyz/archives/amdcmdcommonjses6-de-dui-bi
版权
  • 都是用于在模块化定义中使用
  • AMD、CMD、CommonJs是ES5中提供的模块化编程的方案
  • import/export是ES6中定义新增的

AMD-异步模块定义[依赖前置、异步定义]

  • RequireJS在推广过程中对模块定义的规范化产出
  • RequireJS：是一个AMD框架，可以异步加载JS文件
  • 通过define()函数定义，第一个参数是一个数组，里面定义一些需要依赖的包，第二个参数是一个回调函数，通过变量来引用模块里面的方法，最后通过return输出
    image

CMD-同步模块定义

  • 是SeaJS在推广过程中对模块定义的规范化产出
  • SeaJS是CMD概念的一个实现，SeaJS是淘宝团队提供的一个模块开发的js框架
  • 通过define()定义，没有依赖前置，通过require加载jQuery插件，CMD是依赖就近，在什么地方使用到插件就在什么地方require该插件，即用即返，这是一个同步的概念
    image

CommonJS规范

  • Nodejs端是使用CommonJS规范的
    image

ES6特性，模块化—export/import对模块进行导出导入的

image

月迷津渡丶
关注
前端模块化,AMD,CMD,ES6 Module,CommonJS,ES6 模块与CommonJS 模块的差异
Zhixjs的博客
06-12 703
前端模块化 问题： 为什么前端要使用模块化？ ​ 模块化： 是具有特定功能的一个对象（ 广义理解 ） ​ 模块定义的流程： ​ 1.定义模块（对象） ​ 2.导出模块 ​ 3.引用模块 ​ 好处： 可以存储多个独立的功能块 复用性高 分类 1. AMD AMD规范采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函...
前端模块化：AMD, CMD, CommonJS, ES6 Module
若水弹丸之地
08-27 563
模块化就是将一个大的功能拆分为多个块，每一个块都是独立的，你不需要去担心污染全局变量，命名冲突什么的，它们只是向外暴露特定的变量和函数。 模块化的好处：①解决命名冲突 ②依赖管理 ③代码更加可读 ④提高复用性 目前流行的js模块化规范有AMD、CMD、CommonJS以及ES6的模块系统。 本文重点掌握AMD与CMD的区别、CommonJS与ES6 Module的区别 一、AMD A...
浅析JS中的模块规范（CommonJS，AMD，CMD）
weixin_30496751的博客
10-31 219
如果你听过js模块化这个东西，那么你就应该听过或CommonJS或AMD甚至是CMD这些规范咯，我也听过，但之前也真的是听听而已。 现在就看看吧，这些规范到底是啥东西，干嘛的。 一、CommonJS CommonJS就是为JS的表现来制定规范，因为js没有模块的功能所以CommonJS应运而生，它希望js可以在任何地方运行，不只是浏览器中。 CommonJS能有一定的...
一文搞懂 JavaScript 模块化规范：CommonJS、AMD、ES6 Module
最新发布
Allen-
09-02 2412
在现代 JavaScript 开发中，模块化是提升代码组织性和可维护性的关键。本文深入解析三种主流的模块化规范——CommonJS、AMD 和 ES6 Module。
CommonJS, AMD, CMD是什么及区别--简单易懂有实例
weixin_34175509的博客
10-26 515
版权声明：本文为博主原创文章，转载请注明出处 　　CommonJS, AMD, CMD都是JS模块化的规范。 　　CommonJS是服务器端js模块化的规范，NodeJS是这种规范的实现。 　　AMD(异步模块定义)和CMD(通用模块定义)都是浏览器端js模块化的规范。RequireJS 遵循的是 AMD，SeaJS 遵循的是 CMD。 一、CommonJS 　　根据Comm...
ES6模块/CommonJS/AMD/CMD分析对比
u013681954的博客
07-25 944
ES6模块/CommonJS/AMD/CMD vue和nodeJS模块规范不一样 vue是通过babel编译，在代码中都是遵守ES6的规范来定义模块的 nodeJS 都是遵循CoomonJS的规范来定义的模块 ES6模块/CommonJS/AMD/CMD有什么区别 CommonJS(node) requierJS(ADM) SeaJS(CMD) CommonJS主要用于服务器...
CommonJS、AMD、 CMD 和 ES6模块化的对比
shiningchen322的博客
04-01 128
commonJS es6 require 支持 支持 export/import 不支持 支持 exports/module.exports 支持 不支持 -------------------------------------------------- commonJS： 输出：值拷贝 加载方式：对象 es6 输出：引用，也就是地址 加载方式：静态代码块 -------------------------------------------------- common...
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
10-22
AMD、CMD和CommonJS是三种流行的JavaScript模块化规范，它们各自有着不同的特点和使用场景。 CommonJS规范主要是在服务器端JavaScript环境中使用的，比如Node.js，它支持同步加载模块。根据CommonJS规范，一个单独...
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结.docx
01-22
本文将重点介绍三种主流的JavaScript模块化规范：CommonJS、AMD（Asynchronous Module Definition）以及CMD（Common Module Definition），并通过对比分析它们的特点和应用场景。 #### 二、为何而生 这三个规范都...
JSModularization:简单介绍JS模块化的几种方式：commonJs、AMD、CMD、ES6等
05-16
在JavaScript的发展过程中，出现了多种模块化规范和标准，包括CommonJS、AMD（Asynchronous Module Definition）、CMD（Common Module Definition）以及ES6的模块系统。以下是对这些模块化方式的详细讲解： 1. **...
CommonJS、AMD、CMD、ES6模块化区别详细总结
weixin_45709829的博客
04-13 7434
一、CommonJS、AMD、CMD、ES6知识点简单概述 （1）CommonJS NodeJS是CommonJS规范服务器端的实现，webpack也是CommonJS的形式书写。同步加载，服务器端从磁盘中读取速度快，运行在服务器端没有问题。 （2）AMD AMD是Asynchronous Module Definition异步模块定义。 基于CommonJS规范的node.JS是服务端模块化的实现。实现浏览器端的模块化就是AMD，且能与服务器端兼容最好。同一个模块在服务器端和浏览器端都可以维护运行，简单方
前端commonjs、AMD、CMD、ES6等模块化的对比
挥别了青春的博客
02-27 1447
CommmonJS用于node端，是同步加载的AMD依赖于requirejs,是异步加载的，是提前加载，立即加载 CMD依赖于seajs,是异步加载，延后加载，就近加载，用时加载 ES6是ES2015的简称，一般通过export来暴露模块，import来导入模块 CommonJSCommonJS模块化规范：1.通过module.exports或exports来暴露模块2.通过require来加载模...
js模块化 Common.js / AMD / CMD / es6
qq_43631129的博客
06-21 692
js模块化
简述JavaScript模块化编程（二）
weixin_30394669的博客
08-02 306
前置阅读：简述JavaScript模块化（一） 在前面一文中，我们对前端模块化所经历的三个阶段进行了了解： CommonJs,由于是同步的，所以主要应用于服务器端，以Node.js为代表。 AMD，异步模块定义，预加载，推荐依赖前置。以require.js为代表。 CMD，通用模块加载，懒加载，推荐依赖就近。以Sea.js为代表。 而在ES6已经大行其道的今天，ES...
前端模块化CommonJS、AMD、CMD、ES6
警警的博客
07-23 1547
在前端开发中，模块化是一种重要的代码组织方式，它有助于将复杂的代码拆分成可管理的小块，提高代码的可维护性和可重用性。CommonJS、AMD（异步模块定义）和CMD（通用模块定义）是三种不同的模块规范，它们在定义模块、加载模块以及依赖管理等方面存在差异，并适用于不同的场景。
【AMD、CMD和CommonJS】
zz130428的博客
12-03 922
对于基本数据类型，属于复制。即会被模块缓存。同时，在另一个模块可以对该模块输出的变量重新赋值。 对于复杂数据类型，属于浅拷贝。由于两个模块引用的对象指向同一个内存空间，因此对该模块的值做修改时会影响另一个模块。 当使用require命令加载某个模块时，就会运行整个模块的代码。 当使用require命令加载同一个模块时，不会再执行该模块，而是取到缓存之中的值。也就是说，CommonJS模块无论加载多少次，都只会在第一次加载时运行一次，以后再加载，就返回第一次运行的结果，除非手动清除系统缓存。 循环加载时，属于
CommonJS，AMD，CMD区别
高先生的猫
04-21 586
commonjs是用在服务器端的，同步的，如nodejs amd, cmd是用在浏览器端的，异步的，如requirejs和seajs 其中，amd先提出，cmd是根据commonjs和amd基础上提出的。 CommonJS CommonJS是以在浏览器环境之外构建 JavaScript 生态系统为目标而产生的项目，比如在服务器和桌面环境中，Node.JS遵循CommonJS的规范Comm...
CommonJS、AMD和CMD区别
yihanzhi的博客
06-02 1205
commonjs、AMD、CMD均是js的模块规范，那么三者的区别是什么呢？这里对三者作简短介绍：1、commonjsCommonJS定义的模块分为:{模块引用(require)}、 {模块定义(exports)} 、{模块标识(module)}。 require()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口；module对象就代表模块本身。浏览器不兼容Comm
Amd，cmd，commonjs ，es6
05-13
CMD (Common Module Definition)是SeaJS库提出的一种模块定义规范，和CommonJS类似，也是用于服务器端JavaScript。它支持异步加载模块，模块的定义和使用是分离的。 ES6 (ECMAScript 6)是JavaScript的一个新版本，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值