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 相关文章推荐
jsTree树控件(基于jQuery, 超强悍)[推荐]
Sep 01 Javascript
jquery判断checkbox(复选框)是否被选中的代码
Oct 20 Javascript
js下将字符串当函数执行的方法
Jul 13 Javascript
输入密码检测大写是否锁定js实现代码
Dec 03 Javascript
Knockoutjs 学习系列(二)花式捆绑
Jun 07 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
JQuery 进入页面默认给已赋值的复选框打钩
Mar 23 jQuery
JS中type="button"和type="submit"的区别
Jul 04 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
Oct 08 Javascript
vue中多个倒计时实现代码实例
Mar 27 Javascript
vant自定义二级菜单操作
Nov 02 Javascript
解决vue中provide inject的响应式监听
Apr 19 Vue.js
如何优雅的在一台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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
一个简单的自动发送邮件系统(一)
2006/10/09 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
PHP易混淆知识整理笔记
2015/09/24 PHP
php获取数据库结果集方法(推荐)
2017/06/01 PHP
php无限级评论嵌套实现代码
2018/04/18 PHP
使用vs code编辑调试php配置的方法
2019/01/29 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
javascript中使用正则表达式清理table样式的代码
2020/04/01 Javascript
js限制文本框的输入内容代码分享(3类)
2015/08/20 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
2016/07/25 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
Vue数据驱动模拟实现1
2017/01/11 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
vuejs2.0运用原生js实现简单拖拽元素功能
2020/08/21 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
深入理解令牌认证机制(token)
2019/08/22 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
2019/08/26 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
使用Typescript开发微信小程序的步骤详解
2021/01/12 Javascript
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
python模块之paramiko实例代码
2018/01/31 Python
关于Tensorflow中的tf.train.batch函数的使用
2018/04/24 Python
python中join()方法介绍
2018/10/11 Python
对pyqt5之menu和action的使用详解
2019/06/20 Python
学习Python列表的基础知识汇总
2020/03/10 Python
查找适用于matplotlib的中文字体名称与实际文件名对应关系的方法
2021/01/05 Python
Java面试题:为什么要用Java
2012/05/11 面试题
捐款倡议书范文
2014/02/02 职场文书
《十六年前的回忆》教学反思
2014/02/14 职场文书
《最后的姿势》教学反思
2014/02/27 职场文书
志愿者事迹材料
2014/12/26 职场文书
幼儿园开学家长寄语(2016秋季)
2015/12/03 职场文书
2019中秋节祝福语大全,提前收藏啦
2019/09/10 职场文书