JS高级笔记：CommonJs与ESModule的区别

区别：

1. 两者的模块导入导出语法不同，CommonJs是通过module.exports，exports导出，require导入；ESModule则是export导出，import导入。
2. CommonJs是运行时加载模块，ESModule是在静态编译期间就确定模块的依赖。
3. ESModule在编译期间会将所有import提升到顶部，CommonJs不会提升require。
4. CommonJs导出的是一个值拷贝，会对加载结果进行缓存，一旦内部再修改这个值，则不会同步到外部。ESModule是导出的一个引用，内部修改可以同步到外部。
5. CommonJs中顶层的this指向这个模块本身，而ESModule中顶层this指向undefined。
6. CommonJS加载的是整个模块，将所有的接口全部加载进来，ESModule可以单独加载其中的某个接口；