ES6新特性：模块化（import 和 export）

Posted 2022-02-26 流楚丶格念

文章目录

• 说明

说明

模块化就是把代码进行拆分，方便重复利用。

类似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));