JavaScript中import用法总结
更新时间：2019年01月20日 09:21:13 投稿：laozhang
在本篇文章里小编给大家分享了关于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图片延迟加载实现方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下2015-12-12
数组扁平化相信不少朋友在一些面试中被问到过,这在我们日常编程中也是一个常规操作,它需要我们将一个多维数组转化成一个一维数组,所以,借着这篇文章,我们今天就一起来汇总一下几种数组扁平化的方式,需要的朋友可以参考下2024-02-02
页面定时刷新的示例想必大家也见到不少，在本文将为大家介绍的是，如何实现1秒刷新一次，感兴趣的朋友可以了解下本文2013-11-11
这篇文章主要介绍了微信小程序scroll-view组件无横向滚动的解决方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-02-02
这篇文章主要介绍了js操作数组函数,实例分析了JavaScript针对数组删除指定元素、去重及删除指定下标元素的实现方法,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了JavaScript canvas实现跟随鼠标事件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
本文主要介绍了JS及JQuery对Html内容编码,Html转义的方法。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了微信小程序实现顶部下拉菜单栏，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
下面小编就为大家带来一篇浅谈js中StringBuffer类的实现方法及使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
本文主要介绍了Javascript中的 “&” 和 “|” 的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论