CommonJS模块和ES6模块的区别

已于 2023-04-24 10:58:33 修改
阅读量248 收藏 1
点赞数
分类专栏： javascript webpack专栏 文章标签： es6 javascript 前端
于 2023-04-24 10:58:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44162077/article/details/130338042
版权

CommonJS
1.CommonJS的require语法是同步的
2.CommonJS输出的是一个值的拷贝
3.CommonJS是运行时加载

exports.default = {}
exports.name 
require()

ES6
1.ES6是异步的
2.ES6输出的是一个值的引用
3.ES6模块是编译时输出接口
export

export default 
import 命名 from  '文件路径' 

export name
import {} from  '文件路径'
不断学习的码农
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CommonJS模块和ES6模块的区别？深入CommonJS源码，带你手写自己的CommonJS
weixin_51472145的博客
06-14 2916
CommonJS模块和ES6模块的区别 。深入CommonJS源码，带你手写自己的CommonJS。node模块化
CommonJS和ES6模块化的区别
qq_40868156的博客
08-19 2945
CommonJS(CMD)，ES6，模块化，CommonJS和ES6模块化export区别，export,import
ES6 模块与 CommonJS 模块有什么异同
最新发布
Cshaosun的博客
04-26 234
而 CommonJS 的模块导入则是通过值拷贝的方式来实现的，即每个变量都拷贝了一份导出变量的值。这意味着如果在 ES6 的模块中修改导出变量的属性，那么其他导入该变量的模块也会受到影响，而在 CommonJS 中则不会。ES6 的模块化适用于浏览器端和 Node.js 中使用，它采用了异步导入、编译时静态分析等技术，使得代码可读性更好，依赖关系更清晰，能够有效提高代码执行效率。而 CommonJS 则更适合于服务器端，因为 Node.js 中使用的大部分第三方模块都是基于 CommonJS 规范的。
Common.js 和 ES6 Module 中模块引入的区别
老电影故事的博客
12-05 697
自ES6起，引入了一套新的ES6 Module规范，在语言标准层面实现了模块功能，而且实现得相当简单，有望成为浏览器和服务器通用的模块解决方案。运行在浏览器端的javaScript由于也缺少类似的规范，在ES6出来之前，前端也实现了一套相同的模块规范（例如：AMD），用来对前端模块进行管理。这是因为ES6模块是在严格模式下执行的，而在严格模式下，全局对象的this值是undefined。在CommonJS和ES6模块系统中，this的指向确实有一些差异，这涉及到模块中代码执行上下文的不同。
CommonJs和ES6模块区别，项目中的运用差距
有事儿私信。
12-04 533
CommonJS 和 ES6 模块是 JavaScript 中两种不同的模块系统。它们有一些区别，尤其在实际应用中的使用上有一些差异。
ES6 模块与 CommonJS 模块有什么异同？
牛马程序员进阶之路
11-08 620
commonJS 对重新赋值（改变指针指向），但是对 ES6 Module 赋值会。Module 只存只读，不能改变其值，也就是指针指向不能变，类似 const；不能修改其变量的指针指向，但可以改变变量内部指针指向，可以对。是 read-only（只读状态），不能修改其变量值。CommonJS 和 ES6 Module 都可以对引。，ES6 Module 是对模块的引。CommonJS 是对模块的浅拷。
详谈commonjs模块与es6模块的区别
11-29
趁着这个机会，将commonjs模块与es6模块之间一些重要的的区别做个总结。语法上有什么区别就不具体说了，主要谈谈引用的区别。 commonjs 对于基本数据类型，属于复制。即会被模块缓存。同时，在另一个模块可以对该...
ES6与CommonJS中的模块处理的区别
10-18
ES6和CommonJS都有自己的一套处理模块化代码的措施，这篇文章主要介绍了ES6与CommonJS中的模块处理的区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解CommonJS和ES6模块循环加载处理的区别
10-17
CommonJS 和 ES6 模块循环加载处理机制是 JavaScript 中两种不同的模块化方案，它们在处理循环加载时有着显著的区别。理解这些差异对于编写可维护的、高效的模块化代码至关重要。 首先，让我们回顾一下 CommonJS 和...
CommonJS模块与ES6模块及区别
AI_huihui的博客
11-18 2191
CommonJS模块和ES6模块 在ES6之前，js本没有模块体系之说，最主要使用的是CommonJS和AMD两种。前者用于服务器，后者用于浏览器，ES6后在语言标准的层面上实现了模块功能，使用简单，称为浏览器和服务器通用的模块解决方案。 CommonJS模块化规范 Node.js 遵循了 CommonJS 模块化规范，CommonJS 规定了模块的特性和各模块之间如何相互依赖，规定每个模块内部，规定 module 变量代表当前模块，module 变量是一个对象，它的 ...
CommonJS和ES6模块的区别
Mxt623的博客
02-27 395
CommonJS模块输出的是一个值的拷贝，而ES6 模块输出的是值的引用； CommonJS模块是运行时加载，而ES6 模块是编译时输出； 关于模块顶层的this指向问题，在CommonJS顶层，this指向当前模块，而在ES6模块中，this指向undefined； 关于两个模块互相引用的问题，在ES6模块当中，是支持加载CommonJS模块的。但是反过来，CommonJS并不能requireES6模块； 因为CommonJS的require语法是同步的，所以就导致了CommonJS模块规
对比ES6和CommonJS
weixin_43589225的博客
06-13 2398
对比ES6和CommonJS什么是ES6什么是CommonJS他们之间的差异是什么 什么是ES6 ECMAScript 6是新版本JavaScript语言的标准, 即 javascript的增强版 什么是CommonJS commonJS 是一种JavaScript的包管理规范，主要是为了解决javaScript文件中依赖和引用的问题，node应用由模块组成，采用的commonJS模块规范，web...
【ES6】-- common.js与ES6模块化的差异
qq_48802092的博客
09-13 719
这个代码的实质是从test01模块加载 3 个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，即 ES6 可以在编译时就完成模块加载，效率要比 CommonJS 模块的加载方式高。以上代码的实质是整体加载test01模块（即加载test01的所有方法），生成一个对象（_test01），然后再从这个对象上面读取 3 个方法。这种加载称为“运行时加载”，因为只有运行时才能得到这个对象，导致完全没办法在编译时做“静态优化”。4.2默认导出一个方法。1.导出方式 列表导出。
ES6 模块
glenshappy的专栏
08-13 344
概述 在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。 ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。 ES6 的模块化分为导出（export） @与导入（import）两个模块。 特点 ES6 的模块自动开启严格模式，不管你有没有在模块头部加上use strict;。 模块中可以导入和导出各种类型的变量，如函数，对象，字符串，数字，布尔值，类等。 ..
CommonJS 、ES6模块化规范区别
m0_59075169的博客
04-23 2629
CommonJS 、ES6模块化规范区别
ES6模块和CommonJS区别，终于搞懂了
qq_41402809的博客
07-15 2319
ESM ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。 因为ESM是静态化的，所以在运行前的编译阶段就可以确定模块关系，从而进行一些模块之间的操作，比如treeshaking等等 CMD CommonJS 只能在运行时确定这些东西。比如，CommonJS 模块就是对象，输入时必须查找对象属性。 比如const a = 'func'； const func = require('./test/'+a+'.js'), 这个括号里面是可以放表达式的！！表达式 只
CommonJs和es6的Module的区别
风流倜傥唐伯虎的博客
08-13 9173
CommonJs和es6的Module的区别 历史上，js一直没有模块(module)体系，无法将一个项目拆分成多个模块文件。正对这一情况，社区出现了一些统一的规范：CommonJs和AMD，前者是针对服务端的js，也就是nodejs。后者是针对浏览器的。ES6在语言标准层面上，实现了模块功能，而且实现也比较简单。完全可以取代CommonJs和AMD。达成前后端js的模块风格统一。不过目前还未完全达到这一目的。nodejs目前主流还是采用CommonJS规范。不过在v13.2版本，nodejs已经实现了E
commonjs模块和es6模块的区别
02-09
CommonJS模块主要关注的是运行时加载，它是同步加载的，也就是说，只有加载完成，才能执行后面的操作。ES6模块主要关注的是静态加载，它是异步加载的，也就是说，可以在不等待加载完成的情况下，进行后续操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值