ES6 -- Node.js的 exports、module.exports 和 export、export default到底有什么区别

本文主要探讨了Node和ES6的模块规范。Node遵循CommonJS规范,使用module.exports / exports导出,编译时会对js进行头尾包装。ES6模块规范更清晰,有export、export default导出,import、import {}引入。还介绍了它们在使用上的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在写代码的时候,总是被各式各样的模块规范所迷惑,来看看这些方式有什么区别吧

require: node 和 es6 都支持的引入
export / import : 只有es6 支持的导出引入
module.exports / exports: 只有 node 支持的导出

Node

module.exports / exports 是遵循CommonJS规范的一套规范,
其实在node编译过程中,node会把js进行头尾包装,会传入require,exports,module这几个变量。
一段正常的代码:

var gulp = require('gulp');
gulp.task('help', function() {
  console.log('----------------------------------------');
  console.log('gulp                 开发模式');
  console.log('gulp build           部署模式');
  console.log('----------------------------------------');
});

node包装后=>

(function (exports, require, module, __filename, __dirname) {
  var gulp = require('gulp');
  gulp.task('help', function() {
    console.log('-----------------------------------');
    console.log('gulp                 开发模式');
    console.log('gulp build           部署模式');
    console.log('-----------------------------------');
  });
});

第一个参数就是我们的exports,这个参数其实是module.exports的一个别名,他们俩指向的是同一块内存地址,但是在别的模块使用require引入的时候,返回的是module.exports引用的内容
其实不是的,在用法上,你可以直接在module.exports上赋值,比如:

module.exports = {
    a:'',
    b:'',
    c:''
}

这样是没有任何问题的,因为最终引用的是module.exports引用的内容,但是这样的话:

exports = {
    a:'',
    b:'',
    c:''
}

这样就切断了exports和module.exports之间的联系,并且这个Object并不会被require等方式取到,这其实是一段没有任何实际意义的代码。

ES6

相对于Node中的模块规范,ES6的模块就比较清晰了,import,import {},export,export default.

  • export 和 export default
    首先了解一下这俩的区别

export与export default均可用于导出常量、函数、文件、模块等
在一个文件或模块中,export、import可以有多个,export default仅有一个
通过export方式导出,在导入时要加{ },export default则不需要
export能直接导出变量表达式,export default不行。

  • import 和 import {}
    这两个基本上不需要说的,前者是直接引入export default,后者是es6的解构赋值,用于引入单个export



作者:a小磊_
链接:https://www.jianshu.com/p/3c80eb3f39fd
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值