參考文章阮一峰ES6:https://es6.ruanyifeng.com/#docs/module
簡(jiǎn)介
es6之前，模塊加載方案最主要的有 CommonJS 和 AMD 兩種。前者用于服務(wù)器，后者用于瀏覽器。
CommonJS 模塊就是對(duì)象，輸入時(shí)必須查找對(duì)象屬性。如:
// CommonJS模塊
let { stat, exists, readFile } = require('fs');
// 等同于
let _fs = require('fs');
let stat = _fs.stat;
let exists = _fs.exists;
let readfile = _fs.readfile;
上面代碼的實(shí)質(zhì)是整體加載fs模塊（即加載fs的所有方法），生成一個(gè)對(duì)象（_fs），然后再?gòu)倪@個(gè)對(duì)象上面讀取 3 個(gè)方法。這種加載稱為“運(yùn)行時(shí)加載”，因?yàn)橹挥羞\(yùn)行時(shí)才能得到這個(gè)對(duì)象，導(dǎo)致完全沒辦法在編譯時(shí)做“靜態(tài)優(yōu)化”。
ES6 模塊不是對(duì)象，而是通過export命令顯式指定輸出的代碼，再通過import命令輸入。如：
// ES6模塊
import { stat, exists, readFile } from 'fs';
上面代碼的實(shí)質(zhì)是從fs模塊加載 3 個(gè)方法，其他方法不加載。這種加載稱為“編譯時(shí)加載”或者靜態(tài)加載，即 ES6 可以在編譯時(shí)就完成模塊加載，效率要比 CommonJS 模塊的加載方式高。當(dāng)然，這也導(dǎo)致了沒法引用 ES6 模塊本身，因?yàn)樗皇菍?duì)象。
