模块化
关键字：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);
