说明
模块化就是把代码进行拆分,方便重复利用。
类似java中的导包:要使用一个包,必须先导包。 而JS中没有包的概念,换来的是模块。
模块功能主要由两个命令构成: export 和 import 。
- export 命令用于规定模块的对外接口,
- import 命令用于导入其他模块提供的功能。
比如我定义一个js文件:Util.js,里面有一个Util类 ,使用export将其暴露出去
class Util { static sum = (a, b) => a + b; } //导出该类 export default Util;
使用export命令定义了模块的对外接口以后,其他JS文件就可以通过 import 命令加载这个模块。
//在example.js加载 //导入Util类 import Util from './Util' //使用Util中的sum方法 console.log(Util.sum(1, 2));