林夕梦木子李

# 导入导出区别

exports、module.exports和export、export default的区别

使用范围

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

# node模块的导入导出

Node里面的模块系统遵循的是CommonJS规范

# 什么是CommonJS规范？

由于js以前比较混乱，各写各的代码，没有一个模块的概念，这个规范出来其实就是对模块的一个定义

CommonJS定义的模块分为: 模块标识(module)、模块定义(exports) 、模块引用(require)

# exports和module.exports区别

在一个node执行一个文件时，会给这个文件内生成一个 exports和module对象， 而module又有一个exports属性。他们之间的关系如下图，都指向一块{}内存区域。

exports = module.exports = {};
1

看一个例子:

// a.js
let a = 100;

console.log(module.exports); //能打印出结果为：{}
console.log(exports); //能打印出结果为：{}

exports.a = 200; //这里辛苦劳作帮 module.exports 的内容给改成 {a : 200}

exports = '指向其他内存区'; //这里把exports的指向指走

//b.js

var a = require('/utils');
console.log(a) // 打印为 {a : 200}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

从上面可以看出，其实require导出的内容是module.exports的指向的内存块内容，并不是exports的。

# ES6模块的导入导出

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

← 手写代码 →