模块化

关键字：type="module"，vscode需要安装live server插件

<script src="./xm.js" type="module"></script>

导出：export；导入：import

基本使用

// 导出-dc.js
var name = "swk";
var age = 19;
export {name, age};
// 导入-dr.js(需要加js后缀)
import {name, age} from "./dc.js";

直接导出定义变量

export var name = "swk";
export var age = 33;

导出/导入函数

export function mul(num1, num2) {
    return num1 * num2;
};
import {mul} from "./dc.js";

导入导出类

// 导出类
export class Person {
  run() {
    console.log("在奔跑");
  }
};
// 导入类
import { Person } from "./xm.js";
const p = new Person();
p.run();

export default

某些情况下，一个模块包含某个功能，并不希望已功能命名，导入者自定义命名

// 不需要大括号；一个文件只能默认导出一次；导入名字可以自定义
// 导出
const app = "cl";
export default app;
// 导入
import app from "./dc.js";

统一全部导出导入

关键字：*通配符；as后面跟别名

// 导入
import * as aaa from "./dc.js";
// 使用
console.log(aaa.flag);