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

迈不过友情╰ 2022-01-27 03:34 259阅读 0赞

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

> 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  
来源：简书  
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。