JavaScript中import用法总结
2019-04-17 18:02
1511 查看
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 中 OnLoad事件用法总结
- javascript中call的用法总结
- javascript中的call()方法和apply()方法用法总结
- JavaScript中setInterval的用法总结
- ES6模块的import和export用法总结
- JavaScript学习总结一(String对象的用法)
- JavaScript 中的原型声明和用法总结
- 909422229__JavaScript基本用法及注意事项总结
- javascript中eval和with用法实例总结
- JavaScript作用域、闭包、对象与原型链概念及用法实例总结
- javascript中select下拉框的用法总结
- Javascript(es2016) import和require用法和区别
- JavaScript的小小总结!变量类型、对象声明、this用法、原型、匿名函数、闭包和自执行函数
- ES6模块化的import和export用法方法总结
- 对JavaScript 中数组用法的总结
- JavaScript中Array对象用法实例总结
- javascript的setTimeout()用法总结,js的setTimeout()方法
- javascript用法总结。
- ES6模块的import和export用法总结
- ES6模块的import和export用法总结