export

• 浏览器默认模块化 script 里加入 "type=module"；

• 导出 关键字 export

  • 导出 方式一 ：

    export { a ,b , c}
    

  • 导出方式二 关键字 "as"

    export { a as aa ,b , c}
    

  • 导出方式三

    export let c = ()=>{console.log("I am c function...")}
    

  • 导出方式四

    export default a;
    

    • 等同

      export {a as default};
      

  • export 可以导出多个，export default 只能导出一个；

import

• 导入方式：关键字 import

  • export导出的,命名要保持一致

    import {aa , b , c} from './moduleb.js';
    

  • export导出的，命名可以自定义；

    import myfn from './moduleb.js';
    

  • 通配符 "*"方式导入

    import * as obj from './moduleb.js';
    

• 按需导入（延迟导入）

​ import 方法；

document.onclick =async function(){
    // import {fn1} from  './fn.js';
    let res = await import("./fn.js");
    console.log(res);
}