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