ES6和CommonJs的区别

1、CommonJS是运行时候加载，ES6模块是编译的时候输出接口
2、CommonJS是require()同步加载模块，ES6模块是import命令是异步加载，有一个独立的模块依赖的解析阶段
3、CommonJS模块输出是一个值的拷贝，ES6模块输出的值是引用

一、CommonJs模块输出一个值的拷贝，ES6模块输出值的引用
1、commonJs
CommonJS是一个值的拷贝也就是说，一旦输出一个值，模块内部的变化就影响不到这个值。

//demo.js
var a=3;
function add(){
   
  a++;
}
module.exports={
   
  ...a,
  add:add,
}

上面代码输出内部变量a和内部方法add(),add()方法改变a变量。然后，在main.js里面加载这个模块。

// main.js
var result=require('./demo')
console.log(result.a);  //3
result.add();
console.log(result.a); //3

输出结果：a值没有改变，这是因为result.a是一个原始类型的值，会被存入缓存。除非写成一个函数，才能得到内部变动后的值。
例如改写成下面的模式：