ES6 module 与commonjs和 module.exports与exports对比。

已于 2024-06-18 16:42:58 修改
阅读量306 收藏 1
点赞数 1
文章标签： node.js javascript
于 2021-01-17 14:24:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37524886/article/details/112742796
版权

1.cjs和esm是两种规范，
2.cjs是运行时实现的，esm是静态编译
3.使用esm可以做tree shakes，cjs不行
4.esm只能在顶部使用，不能在if语句或者函数内部使用，并且cjs会有提升
5.两种都有缓存，同一个模块导出只会改执行一次

你可以回去等通知了
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
ES6与CommonJS中的模块处理的区别
01-19
ES6和CommonJS都有自己的一套处理模块化代码的措施，即JS文件之间的相互引用。 为了方便两种方式的测试，使用nodejs的环境进行测试 CommonJS的模块处理 使用require来引入其他模块的代码，使用module.exports来引出 ...
详解CommonJS和ES6模块循环加载处理的区别
01-21
CommonJS模块规范使用require语句导入模块，module.exports导出模块，输出的是值的拷贝，模块导入的也是输出值的拷贝，也就是说，一旦输出这个值，这个值在模块内部的变化是监听不到的。 ES6模块的规范是使用import...
CommonJS及其module.exports和exports
ydeway的博客
10-11 422
//fileName is fuckhim exports.a = xx; exports.b = yy; //fileName is fuckyou module.exports = yy; const fuckhim= require('fuckhim'); const fuckyou= require('fuckyou'); 每个模块文件为一个module对象，大概可以认为像下面这样 ...
module.exports 、exports、export、export default的区别； CommonJS 模块规范与ES6语法
u011608672的博客
09-14 575
简介1.CommonJs:使用步骤：（1）使用module.exports导出模块：（2）使用require引入模块module.exports 与 exports2、ES6使用步骤：（1）export导出：对应的导入方式：（2）export default导出：对应的导入方式：总结一些用法上的区别： 简介 module.exports和exports是属于 CommonJS 模块规范，export和export default是属于ES6语法。 module.exports和exports导出模块，用r.
commonJS原理 以及module.exports / exports 的区别
weixin_42369852的博客
08-27 317
commonJS原理 大家都知道require(’ …/path’)会引进项目模块,暴露接口属性和方法,那是怎么样实现的呢 require(’ ')除了返回暴露的接口以外,还会执行 模块文件中的一些语句比如console.log ,执行语句以及返回接口,这样的属性是不是与函数很像?python的import模块就有导入函数包 的说法。那么下面做些实验看require()究竟是不是函数 JS的函数都有arguments属性，我们可以在模块中尝试打印arguments,进一步地，arguments.
node中的module.exports、exports VS es6中的import、export
cotexarm7的专栏
10-13 542
我们知道node中用来进行模块导入导出的是module.exports和require, 而es6中，用来进行模块导入导出的是import和export，这个时候就会有个疑问，为啥一个是exports，一个是export呢，两者有何区别呢？ 1.node－module.export和require 暂时摘抄某个网站的下列知识点，其余的再补充 module.exports 初始值为一个空对象 ...
exports和module-exports的区别
qq_40885461的博客
03-14 386
在Node中，每个模块内部都有一个自己的module对象,该module对象中，有一个成员叫：exports也是一个对象。也就是说如果你需要对外导出成员，只需要把导出的成员挂载到 module.exports 中。 // var module={ // exports:{ // foo:'bar', // add:function // } //...
es6module-test
05-19
在压缩包文件列表中看到的"es6module-test-master"可能是一个包含测试用例的项目目录，里面可能包含了各种关于ES6模块的示例代码和测试文件。通过这个项目，你可以更深入地了解和实践ES6模块的使用，包括如何组织...
cjs2es6export:将 CommonJS 模块赋值转换为 ES6 模块导出语句
06-17
var src = "module.exports = function() { return 42; };" var newSrc = cjs2es6export(src); // "export default function() {\n return 42;\n};;" 目前仅支持直接分配给module.exports （转换为default export ）...
模块化-CommonJS-module.exports-require()
weixin_45463061的博客
08-07 265
module.exports和require()怎么使用
JavaScript中的export、export default、exports和module.exports（export、export default、exports使用详细）
最新发布
weixin_65793170的博客
03-05 7057
export和export default是ES6 模块系统的核心部分，用于从文件中导出函数、关键字，对象或值，使其可以在其他文件中通过import语句导入和使用，而exports是CommonJS模块系统的一部分，在 Node.js 环境中，你可以使用exports或module.exports来导出模块，但这并不是 ES6 标准的一部分。
认识模块化开发；CommonJS（和Node的关系、exports导出、module.exports导出、require函数解析）；模块的加载过程；ES Module（使用详情、解析过程）
qq_54075517的博客
07-30 676
认识模块化开发；CommonJS（和Node的关系、exports导出、module.exports导出、require函数解析）；模块的加载过程；ES Module（使用详情、解析过程）
Nodejs中exports和module.exports与ES6中的export default 和 export 区别
xiaoyu的博客
07-06 2187
一、Nodejs中exports与module.exports的区别1.exports只是module.exports的引用。2.require()返回的是 module.exports 而不是 exports3.module.exports 初始值为一个空对象 {}每一个Nodejs的执行文件都会自动地创建一个module对象，同时module.exports会创建一个叫exports的属性，初...
ES module和Common JS的区别
每天都记录一点点！
06-08 2776
ES module 和 CommonJS 是两种不同的模块系统，它们有一些区别如下
ES6 module语法中export和import的使用
风如也的博客
08-15 2027
ES6 中 module 的语法 export 命令 模块功能主要由两个命令构成：export 和 import。 export 命令用于规定模块的对外接口，import 命令用于输入其他模块提供的功能。 一个模块就是一个独立的文件。该文件内部的所有变量， ...
JS模块导入导出大全——module.exports、exports、export和export default的使用和区别
qq_53669554的博客
12-23 2万+
一、介绍 1.module.exports 和exports是commonjs的规范 2.export 和export default 是es6 规范 3.require 是amd规范引入方式 4.import 是es6 的一个语法标准 二、module.exports 和exports的使用 module 变量代表当前模块，这是个对象，会创建exports的属性，属性的默认值是空对象 //导出使用方法： function add(a,b) { return a+b; }...
CommonJS规范 module.export与exports区别
架构师的成长之路
10-30 3211
const  exports= module.exports;  exports只是module.exports的快捷方式 在index.js里写入 exports.test = 100;//意思就是直接输出一个test变量 在main 里引入 const mod=require('.index'); console.log(mod.test); 在cmd 输出 F:\nodeFi...
ECharts官方教程(二)【自定义构建 ECharts】
极客神殿
12-18 4917
一般来说，可以直接从 echarts 下载页 中获取构建好的 echarts，也可以从 GitHub 中的 echarts/dist 文件夹中获取构建好的 echarts，这都可以直接在浏览器端项目中使用。这些构建好的 echarts 提供了下面这几种定制： 完全版：echarts/dist/echarts.js，体积最大，包含所有的图表和组件，所包含内容参见：echarts/echarts.all
ES6详解八：模块（Module）！
热门推荐
言川的博客
10-10 5万+
modules是ES6引入的最重要一个特性。 所以以后再写模块，直接按照ES6的modules语法来写，然后用 babel + browserify 来打包就行了。modules规范分两部分，一部分是如何导出，一部分是如何导入。基本用法命名导出(named exports)可以直接在任何变量或者函数前面加上一个 export 关键字，就可以将它导出。 这种写法非常简洁，和平时几乎没有区别，唯一的
es6 module与commonjs 在代码中怎么用
03-25
A：ES6模块与CommonJS都是用来在JavaScript中实现模块化的方式，但它们有一些不同的特点和语法。 在代码中使用ES6模块，可以使用以下语法： 1.通过export关键字将模块中的变量、函数或类导出： ``` // module.js export const pi = 3.1415926; export function multiply(x, y) { return x * y; } export class Circle { /*...*/ } ``` 2.通过import关键字导入其他模块的变量、函数或类： ``` // app.js import { pi, multiply, Circle } from './module.js'; console.log(pi); // 3.1415926 console.log(multiply(2, 3)); // 6 ``` 3.还可以使用import * as语法将所有导出的内容作为一个对象导入： ``` // app.js import * as MyModule from './module.js'; console.log(MyModule.pi); // 3.1415926 console.log(MyModule.multiply(2, 3)); // 6 ``` 在代码中使用CommonJS，可以使用以下语法： 1.通过module.exports将模块中的变量、函数或类导出： ``` // module.js const pi = 3.1415926; function multiply(x, y) { return x * y; } class Circle { /*...*/ } module.exports = { pi, multiply, Circle }; ``` 2.使用require函数导入其他模块的变量、函数或类： ``` // app.js const MyModule = require('./module.js'); console.log(MyModule.pi); // 3.1415926 console.log(MyModule.multiply(2, 3)); // 6 ``` 需要注意的是，ES6模块和CommonJS是不兼容的，不能混合使用。如果需要在同一个项目中使用两者，需要使用转换工具（如babel）将ES6模块转换为CommonJS模块。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值