彻底弄懂 Javascript 模块导入导出

学习 Javascript 时，使用 import 和 export 关键字导入和导出模块。

export 用于对外输出本模块，import 用于导入模块。

可以导出单个变量、多个变量、函数、对象和类。

导出单个变量示例：export var site = 'www.helloworld.net'。

导出多个变量示例：export { siteUrl, siteName }。

导出函数示例：export { sum }。

导出对象可以使用 export default，有两种写法。

导出类与导出对象类似，同样使用 export default，有两种写法。

export 与 export default 的区别：export 可以导出多个，export default 只能导出一个。

通过 export 导出时，导入时需要加 { }，而 export default 不需要。

export 具名导出，export default 匿名导出，导入时名称匹配规则不同。

模块化管理中，一个文件就是一个模块，export 可以导出多个方法和变量，export default 只能导出当前模块。