模塊化
關(guān)鍵字：type="module"，vscode需要安裝live server插件
<script src="./xm.js" type="module"></script>
導(dǎo)出：export；導(dǎo)入：import
基本使用
// 導(dǎo)出-dc.js
var name = "swk";
var age = 19;
export {name, age};
// 導(dǎo)入-dr.js(需要加js后綴)
import {name, age} from "./dc.js";
直接導(dǎo)出定義變量
export var name = "swk";
export var age = 33;
導(dǎo)出/導(dǎo)入函數(shù)
export function mul(num1, num2) {
return num1 * num2;
};
import {mul} from "./dc.js";
導(dǎo)入導(dǎo)出類
// 導(dǎo)出類
export class Person {
run() {
console.log("在奔跑");
}
};
// 導(dǎo)入類
import { Person } from "./xm.js";
const p = new Person();
p.run();
export default
某些情況下蟀俊，一個(gè)模塊包含某個(gè)功能，并不希望已功能命名，導(dǎo)入者自定義命名
// 不需要大括號(hào)诫尽；一個(gè)文件只能默認(rèn)導(dǎo)出一次炬守；導(dǎo)入名字可以自定義
// 導(dǎo)出
const app = "cl";
export default app;
// 導(dǎo)入
import app from "./dc.js";
統(tǒng)一全部導(dǎo)出導(dǎo)入
關(guān)鍵字：*通配符牧嫉；as后面跟別名
// 導(dǎo)入
import * as aaa from "./dc.js";
// 使用
console.log(aaa.flag);
