ES6模块和CommonJS、AMD本质区别思考

最新推荐文章于 2023-03-28 20:26:59 发布
最新推荐文章于 2023-03-28 20:26:59 发布
阅读量186 收藏
点赞数
原文链接：http://www.cnblogs.com/dragon-aslan/p/7743986.html
版权

CommonJS和AMD本质上是用一个全局变量定义了一个命名空间

以sea.js为例，各个模块输出一个对象，然后这个对象挂载在seajs.cache属性下，各个模块作为一个对象存在。

而ES6模块则不是，模块未被引用时，不会存在该模块对象。

CommonJS和AMD是运行时加载，ES6模块是编译时加载

这个区别能解释上一个区别，这也是二者区别最本质的根源。

CommonJS和AMD要加载一个模块必须先让模块执行（查看网路能看到加载对应的js文件），而ES6在编译时就完成了加载。

this关键字的区别

ES6模块中顶层this指向undefined；

CommonJS和AMD中顶层this指向模块本身；

 

转载于:https://www.cnblogs.com/dragon-aslan/p/7743986.html

a534214117
关注
前端模块化(CommonJS、AMD、CMD、ES6模块化区别)
LYFlied的博客
03-30 1849
什么是模块 模块化的进化过程 全局function模式 : 将不同的功能封装成不同的全局函数 namespace模式 : 简单对象封装 2.3IIFE模式：匿名函数自调用(闭包) 2.4IIFE模式增强 : 引入依赖 3.模块化的好处 4.引入多个script后出现出现问题 二、模块化规范 1.CommonJS 1.1基本语法 1.2模块的加载机制 2.AMD 2.1基本语法 2.2模块的加载机制 3.CMD 3.1基本语法 3.2模块的加载机制 4.ES6模块化 ES6 模块与 CommonJS 模块的差
ES6模块化与commonjs、amd区别：
三岁成卷心菜的博客
11-11 673
ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。CommonJS 和 AMD 模块，都只能在运行时确定这些东西。 1.export与export default均可用于导出常量、函数、文件、模块等 2.在一个文件或模块中，export、import可以有多个，export default仅有一个 3.通过export方式导出，在导入时要加{ }，export default则不需要 4. (1) 输出单个值，使用export default (2) 输出多个值，
CommonJS、AMD、CMD和ES6模块化区别
weixin_30674525的博客
03-09 139
本文参考自：https://www.cnblogs.com/chenguangliang/p/5856701.html 1、CommonJS NodeJS是CommonJS规范的实现，webpack 也是以CommonJS的形式来书写。node.js将javascript语言用于服务器端编程。 2、AMD 基于commonJS规范的nodeJS出来以后，服务端的模块概念已经形成，...
es6模块、commonJs、AMD和CMD主要区别
weixin_30596735的博客
03-05 125
输出 导入 区别 commonJs module.exports require 运行时加载，最初引入是一个对象，在运行时才能确定依赖关系 是值的拷贝，值是缓存的，第二次加载时候不会执行，直接去缓存拿输出结果 es6模块 export {foo} export default foo export default foo 相当于e...
ES6的模块化和commonJS以及AMD和CMD的区别
tangzhl的博客
05-14 1780
commonJS是运行时加载 ES6模块化是编译时加载 ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。 CommonJS 模块输出的是值的缓存，不存在动态更新，而ES6是动态更新的， CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。CommonJS 模块是运行时加载，ES6 模块是编译时输出接
commonJS和ES6模块化的区别
xieanna123的博客
12-11 5063
commonJS和ES6模块化一、简述区别1.语法差异2. 什么是运行时加载呢？3. 什么是编译时加载或静态加载呢？4.在 Node.js 中使用模块化，ES6 模块与 CommonJS 模块差异二、commonJS三、ES6模块化1.语法2.在浏览器中使用ES6模块四、在 Node.js 中使用模块化1. 在Node.js 中使用ES6模块2. 在Node.js 中使用commonjs模块3.package.json 的 main 和exports字段 一、简述区别 在 ES6 之前，社区制定了一些模块
JS模块化总结(commonJs规范、AMD规范、CMD规范、ES6)
小陈的博客
03-28 899
define(function(){let name = 'module1'function getName () {return name}// 暴露模块return {getName}})})})})})最近找到一个VUE的文档，它将VUE的各个知识点进行了总结，整理成了《Vue 开发必须知道的36个技巧》。内容比较详实，对各个知识点的讲解也十分到位。有需要的小伙伴，可以点击下方卡片领取，无偿分享。
JavaScript模块 commonJS、AMD、UMD、ES6
hhhh
04-22 761
模块 托管类定义 ECMAScript6模块规范 JavaScript是异步加载的解释性语言，所以不同模块实现也表现出不同形态 模块标识符 根据其解析为实际模块的JavaScript文件路径 也可以是 在模块内部声明的命名空间路径字符串 require(’./moduleA’) 有些模块要求开发者在开始列出所有依赖，而有些依赖却允许动态加载依赖。动态依赖支持更复杂的依赖关系，但是增加了浏览器对模块进行静态分析的难度。 只有所有依赖都加载完成，才可执行入口模块。且模块加载的过程是阻塞的 把一个模块的返回值
NodeJS模块与ES6模块系统语法及注意点详解
01-20
2.AMD规范 全称 异步模块定义 规范实现者： RequireJS 浏览器 3.CMD规范 通用模块定义 规范实现者： seaJS 服务端和浏览器通用 官方模块规范 1.ESM规范 就是ES6 Module 各浏览器和服务端 目前常用的就是浏览器...
前端模块化（iife CommonJs AMD UMD CMD） 如有错漏请诸位多多指正 十分感谢
weixin_42181341的博客
07-07 339
之前学习笔记 整理上传分享出来 希望大家能多多指正其中错漏
es6模块加载 nodejs(common.js)模块加载 amd模块加载的区别整理
12-26 520
这几个模块加载方法张的很像。有必要整理区分一下
CommonJs/ES6/AMD模块的用法以及区别
Timesflies的博客
11-13 219
CommonJs/ES6/AMD模块的用法以及区别 一直以来对CommonJs/AMD/CMD/ES6的文件模块加载一直懵懵懂懂。甚至有时会将CommonJs的exports和ES6的export.default搞混。 随着前端的发展，我们日常开发的功能越来越复杂，文件越来越多。随后前端社区衍生出了CommonJs/AMD/CMD/ES6的几种模块加载方式。 模块加载方式：CommonJs ES6...
浅析模块化commonjs,AMD,ESmodule
weixin_42458965的博客
11-09 605
https://juejin.im/post/6844903576309858318#heading-3 https://juejin.im/post/6844904056847073293#heading-6 https://juejin.im/post/6844904066233925639#heading-2
前端模块化总结：CommonJS、CMD、AMD、ES6模块化
sunshine9284的博客
08-19 200
1. 模块化 1.1 不使用模块化 js 文件引用顺序问题 全局变量污染：代码中的函数必须是全局变量，才能暴露给对方 容易报错：不知道引用的文件里面会引用什么文件：互相依赖关系不清晰 不利于多人协作开发 1.2 使用模块化 只引用一个 js 文件，其它的根据依赖关系自动引用 无全局变量污染 2. 主流模块规范 2.1 AMD——异步模块定义 用的比较多的是 requ...
很全很全的JavaScript的模块讲解
weixin_34097242的博客
12-18 321
最近一直在搞基础的东西，弄了一个持续更新的github笔记，可以去看看，诚意之作（本来就是写给自己看的……）链接地址：Front-End-Basics 此篇文章的地址：JavaScript的模块 基础笔记的github地址：https://github.com/qiqihaobenben/Front-End-Basics ,可以w...
javascript模块化之CommonJS、AMD、CMD、UMD、ES6
热门推荐
皖林的博客
02-05 2万+
这是一篇关于js模块化编程的总结记录 javascript模块化之CommonJS、AMD、CMD、UMD、ES6
ES6模块与CommonJS模块的差异
歪脖先生的博客
02-05 2176
ES6模块与CommonJS模块的差异 讨论 Node 加载 ES6模块之前，必须了解 ES6模块与 CommonJS模块完全不同。 它们有两个重大差异。 CommonJS模块输出的是一个值的拷贝，ES6模块输出的是值的引用。 CommonJS模块是运行时加载，ES6模块是编译时输出接口。 第二个差异是因为 CommonJS 加载的是一个对象（即module.ex
前端commonjs、AMD、CMD、ES6等模块化的对比
挥别了青春的博客
02-27 1439
CommmonJS用于node端，是同步加载的AMD依赖于requirejs,是异步加载的，是提前加载，立即加载 CMD依赖于seajs,是异步加载，延后加载，就近加载，用时加载 ES6是ES2015的简称，一般通过export来暴露模块，import来导入模块 CommonJSCommonJS模块化规范：1.通过module.exports或exports来暴露模块2.通过require来加载模...
模块加载：ES6、CommonJS、AMD、CMD的区别
窄门狭路的博客
03-28 888
模块加载：ES6、CommonJS、AMD、CMD的区别 一、运行和编译的概念 1、编译包括编译和链接两步。 编译：把源代码翻译成机器能识别的代码或者某个中间状态的语言，比如java只有JVM识别的字节码，C#中只有CLR能识别的MSIL。 链接：是把编译生成的二进制文件，组合成为一个系统可以执行的可执行文件。 运行：把编译出来的可执行文件代码在系统中执行的过程，此时代码被装载到内存中。 2、模块的加载 ES6、CommonJS、AMD、CMD是模块加载规范。 二、CommonJS 1、CommonJS介绍
ES6 模块与 CommonJS 模块、AMD、CMD 的差异?
最新发布
03-31
3. 单例模块：ES6 模块是单例模块，也就是说一个模块只会被加载和执行一次，而 CommonJS、AMD、CMD 模块是可以多次加载和执行的。 4. 异步加载：CommonJS、AMD、CMD 都支持异步加载模块，而 ES6 模块默认不支持异步...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值