1、为什么要模块化?
- 为了防止引入多个js文件, 产生全局变量污染, 出现冲突的情况
- 可维护性强,复用性高
2、CommonJS
导出 | 引入 |
---|---|
module.exports={ } | require() |
注意:导出只能导出一个对象,一个js文件就是一个对象
eg:导出
引入:
3、ES6
导出 | 引入 |
---|---|
export | import |
注意:ES6可以导出多个值
eg:导出
引入:
注意:
- 导出的格式是import { } form
- 和export对应的单词 import
- from 从…里导出
- from后面必须填 路径,带有js结尾,是文件名
- { }中可以自定义填写 想要引入的内容名
- 因为ES6一个文件中可以导出多个值,使用者不一定都用到,那么就自定义想要引入的值
运行时:必须通过服务器运行, 否则会报错