CommonJS 与 ES6模块化写法对比

1、为什么要模块化?

• 为了防止引入多个js文件, 产生全局变量污染, 出现冲突的情况
• 可维护性强，复用性高

2、CommonJS

导出	引入
module.exports={ }	require()

注意：导出只能导出一个对象，一个js文件就是一个对象
eg：导出

引入：

3、ES6

导出	引入
export	import

注意：ES6可以导出多个值
eg：导出

引入：

注意：

• 导出的格式是import { } form
• 和export对应的单词 import
• from 从…里导出
• from后面必须填 路径，带有js结尾，是文件名
• { }中可以自定义填写 想要引入的内容名
• 因为ES6一个文件中可以导出多个值，使用者不一定都用到，那么就自定义想要引入的值

运行时：必须通过服务器运行, 否则会报错