JavaScript中import用法总结


Posted in Javascript onJanuary 20, 2019

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 相关文章推荐
javascript 表单的友好用户体现
Jan 07 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
Sep 23 Javascript
jQuery获取当前对象标签名称的方法
Feb 07 Javascript
用js替换除数字与逗号以外的所有字符的代码
Jun 07 Javascript
一个JavaScript递归实现反转数组字符串的实例
Oct 14 Javascript
JavaScript中的变量作用域介绍
Dec 31 Javascript
RequireJS多页面应用实例分析
Jun 29 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
实现点击下箭头变上箭头来回切换的两种方法【推荐】
Dec 14 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
解决vuex刷新数据消失问题
Nov 12 Javascript
react中useState使用:如何实现在当前表格直接更改数据
Aug 05 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
Jan 20 #Javascript
js序列化和反序列化的使用讲解
Jan 19 #Javascript
vue-router传参用法详解
Jan 19 #Javascript
vue-router实现嵌套路由的讲解
Jan 19 #Javascript
vue-router实现编程式导航的代码实例
Jan 19 #Javascript
vue数据操作之点击事件实现num加减功能示例
Jan 19 #Javascript
vue-router命名路由和编程式路由传参讲解
Jan 19 #Javascript
You might like
php 静态变量的初始化
2009/11/15 PHP
使用php统计字符串中中英文字符的个数
2013/06/23 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
php递归遍历删除文件的方法
2015/04/17 PHP
一个完整的PHP类包含的七种语法说明
2015/06/04 PHP
php实现分页显示
2015/11/03 PHP
php使用curl模拟浏览器表单上传文件或者图片的方法
2018/11/10 PHP
PHP html_entity_decode()函数讲解
2019/02/25 PHP
return false;和e.preventDefault();的区别
2010/07/11 Javascript
JS定时器实例
2013/04/17 Javascript
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
2014/02/12 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
JS去除空格和换行的正则表达式(推荐)
2016/06/14 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
2016/11/25 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
Python脚本实现自动将数据库备份到 Dropbox
2017/02/06 Python
python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
2018/01/17 Python
python logging添加filter教程
2019/12/24 Python
Python图像处理库PIL的ImageFilter模块使用介绍
2020/02/26 Python
python pandas dataframe 去重函数的具体使用
2020/07/20 Python
python绕过图片滑动验证码实现爬取PTA所有题目功能 附源码
2021/01/06 Python
详解pandas apply 并行处理的几种方法
2021/02/24 Python
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
NYX Professional Makeup俄罗斯官网:世界知名的化妆品品牌
2019/12/26 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
法制宣传月活动方案
2014/05/11 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
2016高考感言
2015/08/01 职场文书
IDEA2021.2配置docker如何将springboot项目打成镜像一键发布部署
2021/09/25 Java/Android
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS