一 模块化介绍
为什么要模块化开发?
- js文件引入顺序不正常导致项目不能启动问题;
- js文件同名变量冲突问题;
实现模块话开发目前有commonjs规范\amd规范\cmd规范\es6规范;
二 commonjs规范
commonjs规范的实现需要使用到node环境;
三 ES6规范
首先最重要的一点,在html文件中引入这个js文件时, 一定要将type设置为module, 这样才是模块化开发;
1.使用export导出
(1)导出变量的两种方式:
(2)导出函数:
(3)默认导出
3. 使用import导入
(1)导入变量的两种方式
(2)导入函数的方法
(3)导入默认导出的变量或者函数;
(4)统一全部导入
使用*, as xxx, 其中xxx是别名, 使用的时候xxx.xxx即可;