ES6模块化的导入和导出

一、导出——export

步骤1：在html代码中引入js文件，script标签中加入 type=“module” ；

步骤2：把需要共享的变量导出——export{ 变量 }；

（1）导出变量

导出方式1：

导出方式2：

（2）导出函数、类

导出方式1：

导出方式2：

某些情况下，一个模块中包含某个的功能，我们并不希望给这个功能命名，而且让导入者可以自己来命名：
使用export default：

main.js中，这样使用：（myFunc为自己定义）

注意：export default在同一个模块中，不允许同时存在多个。

步骤3：把已经定义过的内容导入——import；

二、导入——import

import指令用于导入模块中的内容，比如main.js的代码

统一全部（函数、变量、类）导入：

info是js文件名，全部导入后，可以用info.名进行调用