在ES6中,可以通过模块化来管理JavaScript对象。进行模块化的话,除了能进行功能的再利用以外,能够提高可维护性。

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

本篇文章到这里就全部结束了,更多精彩内容大家可以关注php中文网的其他相关栏目教程!!!

php import用法,JavaScript中import怎么使用?相关推荐

  1. python __import__和import区别_Python中import 与__import__() 之间的区别比较

    本篇文章给大家带来的内容是关于Python中import 与__import__() 之间的区别比较,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 首先来说一下两者的区别: impo ...

  2. php for循环in的用法,JavaScript中for in循环是如何使用的?需要注意些什么?

    大家都知道在JavaScript中提供了两种方式迭代对象: (1)for 循环: (2)for..in循环: 使用for循环进行迭代数组对象,想必大家都已经司空见惯了.但是,使用for.. in循环时 ...

  3. html 反引号 用法,JavaScript中的反引号符号(`)的用法是什么?

    ES6提供了一种新类型的字符串文字,使用反向标记作为分隔符.这些文字确实允许嵌入基本的字符串插值表达式,然后自动解析和评估它们. let  person = {name:'RajiniKanth',a ...

  4. Javascript中数组的sort方法的分析

    定义和用法 JavaScript中sort() 方法用于对数组的元素进行排序, 返回一个元素已经进行了排序的 Array 对象 语法 arrayObject.sort(sortby) 参数 描述 so ...

  5. 彻底搞清楚javascript中的require、import和export

    为什么有模块概念 理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块. 但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持"类"( ...

  6. JavaScript 中的 require / exports、import / export、浅谈JavaScript、ES5、ES6

    Node.js 的基础教学 之 exports 和 module.exports:https://zhuanlan.zhihu.com/p/82057593 浅谈 JavaScript.ES5.ES6 ...

  7. java中import用法

    java中import用法 单类型导入(single-type-import),例如import java.io.File; 按需类型导入(type-import-on-demand),例如 impo ...

  8. 【彻底搞清楚javascript中的require、import和export 】

    彻底搞清楚javascript中的require.import和export - 最骚的就是你 - 博客园

  9. 一篇文章弄懂 JavaScript 中的 import

    import 语句用于导入由另一个模块导出的绑定.无论是否声明了 strict mode,导入的模块都运行在严格模式下.import语句不能在嵌入式脚本中使用. 语法 import defaultEx ...

最新文章

  1. php mysql 时间差_PHP中计算时间差的方法
  2. php微信小程序向下滑动,微信小程序功能实现:上滑加载下拉刷新
  3. 计算机网上作业系统论文,网上作业提交系统的设计与实现
  4. 很多人都不清楚HEX文件格式
  5. 政务外网001---政务外网介绍
  6. HDOJ-1050-Moving Tables(nyoj220)
  7. JavaScript数组操作 [Z]
  8. 机器学习非平衡数据集概述
  9. Nexus3功能介绍
  10. [转] DevExpress GridView 排序状态下新增行不参与排序
  11. CRM客户管理系统搭建
  12. form表单label加问号图标以及提示词
  13. 工业和信息化部关于贯彻落实《推进互联网协议第六版(IPv6)规模部署行动计划》的通知
  14. 印象最深的一次服务器维护中,与服务器最深的羁绊,你有着怎样的闯荡大荒的故事?...
  15. 磁带储存拥有的4大优势
  16. 多类差异信息柔性融合概念与内涵
  17. Flink 网络流控和反压剖析详解
  18. 推荐10个关键时刻能派上大用场的神级软件,帮你解决80%的问题
  19. Clickhouse与Doris的区别
  20. 哪些学校不让用matlab,新一轮制裁?部分高校被禁止使用matlab,科学无国界就是一句笑话...

热门文章

  1. java中文 x_java环境url中文参数乱码处理
  2. 如何使用计算机中的导出,如何将iPhone手机中的音乐导出至电脑
  3. 网络延迟造成插入多条重复数据
  4. Python——制作深度学习数据集批量重命名图片文件名解决方案
  5. 《数据结构与算法》实验报告——快速排序
  6. XCTF WEB weak_auth
  7. Going Home
  8. 【python笔记】python模块 datatime模块
  9. WEBMIN在命令行下的安装
  10. 2018年 第9届 蓝桥杯 Java B组 省赛真题详解及总结