JavaScript中import用法总结
import是用于将某个模块中导出的函数或对象、初始值导入到另一个模块中的语法。
如下所示
import{模块名称}from"需要导入模块的路径名"
如何使用import?
该模块有default模块和named(命名)模块。
我们首先加载defaultexport的模块和namedexport的模块
import{ModuleA,ModuleB}from"modules"; importDefaultfrom'modules2';
在第一行中,我们从modules这个文件导入名为ModuleA和ModuleB的这两个named模块。
在第二行中,我们从modules2这个文件中导入default模块。
执行模块export
要将函数,对象,原始值导出为模块,需要使用export。
我们来看具体示例
将其导出为默认模块
//alert.js exportdefaultfunction(){ alert("defaultmodulecalled!"); };
命名导出
//utils.js exportfunctionsum(x,y,z){ returnx+y+z; } exportfunctionmultiply(x,y){ returnx*y; }
我们能够导出名为sum和multiply的模块。
可以通过如下调用来使用该函数
import{sum,multiply}from'utils'; console.log(sum(1,2,3)); console.log(multiply(5,8));
执行结果如下
->6 ->40