微客导航 » 文章资讯 » JavaScript中import用法总结

JavaScript中import用法总结

2023-08-31 14:21:04 504

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