模块化有两个核心:导入和导出
es6的导入和导出
-
导出方式:
- export{flag,num}
- export var num = 1000
- export function mul(num1,num2){return num1 * num2} //导出函数/类
- export class Person{}
- export default function(arg){} //让导入者自己命名,js文件里只能有一个default
-
导入方式:
- import {flag,num} from “./aaa.js”
- import {num} from “./aaa.js”
- import {mul,Person} from “./aaa.js”
- import func from “./aaa.js” //自定义名称
- import * as aaa from “./aaa.js” //统一导入
在Html代码中导入模块,必须设置类型为module