导出 export

export指令用于导出变量

方法一

export let height = 1.88;
export function mul(num1, num2) {
    return num1 * num2;
}
export class Person {
    run() {
        console.log("running");
    }
}
export default function(argument) {
    console.log(argument);
}

方法二

let name = "xiaoming";
let age = 18;
let flag = true;

function sum(num1, num2) {
    return num1 + num2;
}
export {
    name,
    age,
    flag,
    sum
}

导入 import

使用export指令导出了模块对外提供的接口，可以通过import命令来加载对应的这个模块

首先，我们需要在HTML代码中引入两个js文件，并且类型需要设置为module

    <script src="aaa.js" type="module"></script>
    <script src="bbb.js" type="module"></script>
    <script src="mmm.js" type="module"></script>
    <script src="nnn.js" type="module"></script>

import指令用于导入模块中的内容

import { name, age, sum } from './aaa.js'
console.log(name);
console.log(age);
console.log(sum(20, 30));

通过 * 可以导入模块中所有的export变量，通常情况下我们需要给*起一个别名，方便后续的使用

import * as aaa from './mmm.js'
console.log(aaa.height);
console.log(aaa.Person);