这些代码看的人真的很晕，其实主要流程就是require之后解析路径，然后触发Module这一个类，然后Module的_load的方法就是在当前模块中创建一个新module的缓存，以保证下一次再require的时候可以直接返回而不用再次执行。然后就是这个新module的load方法载入并通过VM执行代码返回对象给require。
正因为是这样编译运行之后赋值给的缓存，所以如果export的值是一个参数，而不是函数，那么如果当前参数的数值改变并不会引起export的改变，因为这个赋予export的参数是静态的，并不会引起二次运行。
CommonJs模块和ES6模块的区别
使用场景
CommonJS因为关键字的局限性，因此大多用于服务器端。而ES6的模块加载，已经有浏览器支持了这个特性，因此ES6可以用于浏览器，如果遇到不支持ES6语法的浏览器，可以选择转译成ES5。
语法差异
ES6也是一种JavaScript的规范，它和CommonJs模块的区别，显而易见，首先代码就不一样，ES6的导入导出很直观import和export。
commonJS
ES6
支持的关键字
arguments,require,module,exports,__filename,__dirname
import,export
导入
const path=require("path")
import path from "path"
导出
module.exports = APP;
export default APP
导入的对象
随意修改
不能随意修改
导入次数
可以随意require，但是除了第一次，之后都是从模块缓存中取得
在头部导入
** 大家注意了！划重点！nodejs是CommonJS的亲儿子，所以有些ES6的特性并不支持，比如ES6对于模块的关键字import和export，如果大家在nodejs环境下运行，就等着大红的报错吧~**
加载差异
除了语法上的差异，他们引用的模块性质是不一样的。虽然都是模块，但是这模块的结构差异很大。
在ES6中，如果大家想要在浏览器中测试，可以用以下代码：
//utils.js const x = 1; export default x
<script type="module"> import x from './utils.js'; console.log(x); export default x </script>
首先要给script一个type="module"表明这里面是ES6的模块，而且这个标签默认是异步加载，也就是页面全部加载完成之后再执行，没有这个标签的话代码不然无法运行哦。然后就可以直接写import和export了。
ES6模块导入的几个问题：
相同的模块只能引入一次，比如x已经导入了，就不能再从utils中导入x
不同的模块引入相同的模块，这个模块只会在首次import中执行。
引入的模块就是一个值的引用，并且是动态的，改变之后其他的相关值也会变化
引入的对象不可随意斩断链接，比如我引入的count我就不能修改他的值，因为这个是导入进来的，想要修改只能在count所在的模块修改。但是如果count是一个对象，那么可以改变对象的属性，比如count.one=1，但是不可以count={one:1}。