ES6模块与CommonJS模块的差异

CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。

 

// CommonJS模块

let { stat, exists, readfile } = require('fs');

 // 等同于

let _fs = require('fs');

let stat = _fs.stat;

let exists = _fs.exists;

let readfile = _fs.readfile;

上面代码的实质是整体加载fs模块（即加载fs的所有方法），生成一个对象（_fs），然后再从这个对象上面读取 3 个方法。这种加载称为“运行时加载”，因为只有运行时才能得到这个对象，导致完全没办法在编译时做“静态优化”。

 

// ES6模块

import { stat, exists, readFile } from 'fs';

ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。上面代码的实质是从fs模块加载 3 个方法，其他方法不加载。这种加载称为“编译时加载”或者静态加载，即 ES6 可以在编译时就完成模块加载，效率要比 CommonJS 模块的加载方式高。

// 模块化对象

// CommonJS模块

module有一个属性loaded，module.loaded 返回一个布尔值，表示模块是否已经完成加载。

代码实现：

在b.js中写一些代码

在index.js 中加载指定路径下的b.js模块

 在终端里运行index.js

 

因为 CommonJS 模块是运行时加载，所以得到一个bool值：false，表示运行时模块还没有加载完毕

这时我们使用setTimeout延时调用函数

 这时返回bool值：true

表示加载完毕

由此可证CommonJS 模块是运行时加载