import是用于将某个模块中导出的函数或对象、初始值导入到另一个模块中的语法。
如下所示
import {模块名称} from "需要导入模块的路径名"
如何使用import?
该模块有default模块和named(命名)模块。
我们首先加载default export的模块和named export的模块
import {ModuleA, ModuleB} from "modules"; import Default from 'modules2';
在第一行中,我们从modules这个文件导入名为Module A和Module B的这两个named模块。
在第二行中,我们从modules 2这个文件中导入default模块。
执行模块export
要将函数,对象,原始值导出为模块,需要使用export。
我们来看具体示例
将其导出为默认模块
// alert.js export default function () { alert("default module called!"); };
命名导出
// utils.js export function sum(x, y, z) { return x+y+z; } export function multiply(x, y) { return x*y; }
我们能够导出名为sum和multiply的模块。
可以通过如下调用来使用该函数
import { sum, multiply } from 'utils'; console.log(sum(1, 2, 3)); console.log(multiply(5, 8));
执行结果如下
->6 ->40
到此这篇关于JavaScript中import用法总结就介绍到这了。心者,栖神之舍;神者,知识之本;思者,神识之妙用也。更多相关JavaScript中import用法总结内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!