一、导入用法1、导入整个模块//导入my-module的所有接口,并指定模块名称为myModuleimport*asmyModulefrom'/modules/my-module.js';//使用时需要传递一个新模块名称myModule,只需访问myModule.doAllTheAmazingThings();2.导入单个接口//导入单个接口import{myExport}from'/modules/my-module.js';//导入多个接口import{foo,bar}from'/modules/my-module.js';//导入接口并做一个别名,编码时更容易使用import{reallyReallyLongModuleExportNameasshortName}from'/modules/我的模块.js';3.导入默认接口//导入默认接口importmyDefaultfrom'/modules/my-module.js';//导入默认接口,也可以配合其他导入方式使用importmyDefault,*asmyModulefrom'/modules/my-module.js';从'/modules/my-module.js'导入myDefault,{foo,bar};4.动态导入静态导入会在页面加载的时候导入,有时候模块太大,页面加载的时候不会用到,可以在需要的时候使用动态导入来导入模块。//方法1:import('/modules/my-module.js').then((module)=>{//对模块做点什么。});//方法2:letmodule=awaitimport('/modules/my-module.js');//方法三:动态导入默认接口(async()=>{if(somethingIsTrue){const{default:myDefault,foo,bar}=awaitimport('/modules/我的模块.js');}})();5、语言填充importdefaultExportfrom"module-name";import*asnamefrom"module-name";import{export1}from"module-name";import{export1asalias1}from"module-名称”;从“模块名称”导入{导出1,导出2};从“模块名称”导入{导出1,导出2作为别名2,[...]};导入默认导出,{导出1[,[...]]}from"module-name";importdefaultExport,*asnamefrom"module-name";import"module-name";varpromise=import("module-name");二、参考文档JS中import怎么用?
