import 命令

使用 export 命令定义了模块的对外接口以后，其他 JS 文件就可以通过 import 命令加载这个模块。

使用示例与注意点

import 命令具有提升效果，会提升到整个模块的头部，首先执行
import 的执行早于函数的调用。这种行为的本质是，import 命令是编译阶段执行的，在代码运行之前。
import 命令输入的变量都是只读的，因为它的本质是输入接口。也就是说，不允许在加载模块的脚本里面，改写接口。
多次重复执行同一句 import 语句，那么只会执行一次，而不会执行多次。
使用整体加载，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <script type="module">
      import { test, test2s, test2 as test2ss, test2 } from './export.js';
      // 使用整体加载，即用星号（*）指定一个对象，所有输出值都加载在这个对象上面。
      import * as mytest from './export.js';

      console.log('mytest.test2:', mytest.test2);
      console.log('test2:', test2);

      // import 命令输入的变量都是只读的
      test = 2;
    </script>
  </body>
</html>

export.js 文件

function test() {
  console.log('触发 export.js 的 test 事件');
}

const test2 = '这是 export.js 的 test2 变量';

export { test, test2, test2 as test2s };