ES6模块和CommonJS

CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。

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

1. CommonJS 模块

CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化不会影响到这个值。

// common.js
var count = 1;
var printCount = () =>{ 
   return ++count;
}
module.exports = {
     printCount: printCount,
     count: count
};

 // index.js
let v = require('./common');
console.log(v.count); // 1
console.log(v.printCount()); // 2
console.log(v.count); // 1

你可以看到明明 common.js 里面改变了count，但是输出的结果还是原来的。这是因为 count 是一个原始类型的值，会被缓存。除非写成一个函数，才能得到内部变动的值。将 common.js 里面的 module.exports 改写成

module.exports = {
     printCount: printCount,
     get count(){
         return count
     }
};

这样子的输出结果是 1，2，2

2. ES6 模块

而在ES6当中，写法是这样的，是利用 export 和 import 导入的

// es6.js
export let count = 1;
export function printCount() {
     ++count;
}

// main1.js
import  { count, printCount } from './es6';
console.log(count)
console.log(printCount());
console.log(count)

ES6模块是动态引用，并且不会缓存，模块里面的便令绑定其所在的模块，而是动态地去加载值，并且不能重新复制