module.exports与require和export|module.exports与require和export default与export module.exports与require和exportdefa

require 用来加载代码，而 exports 和 module.exports 则用来导出代码。
很多新手可能会迷惑于 exports 和 module.exports 的区别，为了更好的理解 exports 和 module.exports 的关系，我们先来巩固下 js 的基础。示例：
test.js

var a = {name: 1} var b = aconsole.log(a) console.log(b)b.name = 2 console.log(a) console.log(b)var b = {name: 3} console.log(a) console.log(b)

运行 test.js 结果为：

{ name: 1 } { name: 1 } { name: 2 } { name: 2 } { name: 2 } { name: 3 }

解释：a 是一个对象，b 是对 a 的引用，即 a 和 b 指向同一块内存，所以前两个输出一样。当对 b 作修改时，即 a 和 b 指向同一块内存地址的内容发生了改变，所以 a 也会体现出来，所以第三四个输出一样。当 b 被覆盖时，b 指向了一块新的内存，a 还是指向原来的内存，所以最后两个输出不一样。
明白了上述例子后，我们只需知道三点就知道 exports 和 module.exports 的区别了：

module.exports 初始值为一个空对象 {}
exports 是指向的 module.exports 的引用
require() 返回的是 module.exports 而不是 exports

Node.js 官方文档的截图证实了我们的观点:

module.exports与require和export|module.exports与require和export default与export

文章图片
image.png 我们经常看到这样的写法：

exports = module.exports = {...}

上面的代码等价于:

module.exports = {...} exports = module.exports

原理很简单：module.exports 指向新的对象时，exports 断开了与 module.exports 的引用，那么通过 exports = module.exports 让 exports 重新指向 module.exports。
export default与export export default就是输出一个叫做default的变量或方法，然后系统允许你为它取任意名字。所以，下面的写法是有效的。

// modules.js function add(x, y) { return x * y; } export {add as default}; // 等同于 // export default add; // app.js import { default as foo } from 'modules'; // 等同于 // import foo from 'modules';

下面比较一下默认输出和正常输出。

// 第一组 export default function crc32() { // 输出 // ... }import crc32 from 'crc32'; // 输入// 第二组 export function crc32() { // 输出 // ... }; import {crc32} from 'crc32'; // 输入

上面代码的两组写法，第一组是使用export default时，对应的import语句不需要使用大括号；第二组是不使用export default时，对应的import语句需要使用大括号。
export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次。所以，import命令后面才不用加大括号，因为只可能唯一对应export default命令。
【module.exports与require和export|module.exports与require和export default与export】本质上，export default就是输出一个叫做default的变量或方法，然后系统允许你为它取任意名字。所以，下面的写法是有效的。