JavaScript中import用法总结
2019/6/26 23:15:22
本文主要是介绍JavaScript中import用法总结,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
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用法总结的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar