以为Es6,javascript第一次支持了module。ES6的模块化分为导出(export)与导入(import)两个模块,其中在项目中,我们会经常看到一种用法import * as obj from,这种写法是把所有的输出包裹到obj对象里。

示例一

1
2
3
4
5
6
7

// index.js
export function fn1(data){
  console.log(1)
}
export function fn2(data){
  console.log(2)
}

1
2
3

import * as Fn from './index.js'
Fn.fn1()  // 1
Fn.fn2()  // 2

示例二

1
2
3
4
5
6
7
8
9
10

let myName = "Jon";
let myAge = 18;
let myfn = function(){
    return "我是"+myName+"!今年"+myAge+"岁了"
}
export {
    myName as name,
    myAge as age,
    myfn as fn
}

接收的代码

1
2
3
4

import {fn,age,name} from "./test.js";
console.log(fn()); //我是Jon!今年19岁了
console.log(age); //19
console.log(name); //Jon

或者写成

1
2
3
4

import * as info from "./test.js"; //通过*来批量接收,as 来指定接收的名字
console.log(info.fn()); //我是Jon!今年18岁了
console.log(info.age); //18
console.log(info.name); //Jon

示例三

重命名export和import,如果导入的多个文件中,变量名字相同,即会产生命名冲突的问题,为了解决该问题,ES6为提供了重命名的方法,当你在导入名称时可以这样做。

1
2
3
4
5
6
7
8
9
10

/*************test1.js*****************/
export let myName = "我来自test1.js";
/*************test2.js*****************/
export let myName = "我来自test2.js";

/*************index.js****************/
import {myName as name1} from "./test1.js";
import {myName as name2} from "./test2.js";
console.log(name1); //我来自test1.js
console.log(name2); //我来自test2.js

浅谈Es6中import * as xxx from几种基本用法相关推荐

  1. python读取图像数据流_浅谈TensorFlow中读取图像数据的三种方式

    本文面对三种常常遇到的情况,总结三种读取数据的方式,分别用于处理单张图片.大量图片,和TFRecorder读取方式.并且还补充了功能相近的tf函数. 1.处理单张图片 我们训练完模型之后,常常要用图片 ...

  2. ES6中import * as xxx from ‘xxx‘的作用

    import * as xxx from 'xxx' 会将 "xxx" 中所有 export 导出的内容组合成一个对象返回(或import * as obj from 'xx' 这 ...

  3. 浅谈驱动中强制结束进程的3种方法

    一个应用程序想要结束另一个进程所要做的事:首先获得目标的进程ID,接着利用OpenProcess获取进程句柄(确保足够权限),最后将句柄传给TerminateProcess了结那个进程. OpenPr ...

  4. java 中的单元测试_浅谈Java 中的单元测试

    单元测试编写 Junit 单元测试框架 对于Java语言而言,其单元测试框架,有Junit和TestNG这两种, 下面是一个典型的JUnit测试类的结构 package com.example.dem ...

  5. python sys模块作用_浅谈Python中的模块

    模块 为了编写可维护的代码,我们把很多函数分组,分别放到不同的文件里,这样,每个文件包含的代码就相对较少,很多编程语言都采用这种组织代码的方式.在Python中,一个.py文件就称之为一个模块(Mod ...

  6. python生成器和迭代器作用_浅谈Python中的生成器和迭代器

    迭代器 迭代器协议 对象必须提供一个next方法,执行该方法要么返回迭代中的下一项,要么返回一个异常来终止本次迭代.(只能往前走,不能往后退!) 迭代器对象 遵循了(实现了)迭代器协议的对象.(对象内 ...

  7. java中修饰常量的事_浅谈java中的声明常量为什么要用static修饰

    今天定义一个类常量,想着也只有这个类可以用到,就没用static关键字修饰.结果sonar代码检查提示: Rename this field "PERSON_TYPE_USER" ...

  8. python的re2和re区别_浅谈Python中re.match()和re.search()的使用及区别

    1.re.match()fvk免费资源网 re.match()的概念是从头匹配一个符合规则的字符串,从起始位置开始匹配,匹配成功返回一个对象,未匹配成功返回None.fvk免费资源网 包含的参数如下: ...

  9. python中怎么计数_浅谈python中统计计数的几种方法和Counter详解

    1) 使用字典dict() 循环遍历出一个可迭代对象中的元素,如果字典没有该元素,那么就让该元素作为字典的键,并将该键赋值为1,如果存在就将该元素对应的值加1. lists = ['a','a','b ...

  10. 浅谈JAVA中如何利用socket进行网络编程(二)

    转自:http://developer.51cto.com/art/201106/268386.htm Socket是网络上运行的两个程序间双向通讯的一端,它既可以接受请求,也可以发送请求,利用它可以 ...

最新文章

  1. java为什么监听器里没有输出,JAVA Web开发技术应用——监听器
  2. android 键盘遮盖输入框_Android软键盘挡住输入框的终极解决方案
  3. python3 可执行文件_将python3打包成为exe可执行文件(pyinstaller)
  4. JAVA day09 内部类(成员内部类,静态内部类,局部内部类,匿名内部类)
  5. Android Studio编码问题
  6. 自定义 BaseServlet,通用Servlet的抽取,模块化开发Servlet
  7. 独立软件测试团队在敏捷开发中的几个特别实践
  8. 有关计算机的未来想象作文,电脑的想象作文
  9. 计算机 修改 虚拟ip,电脑虚拟ip地址怎么弄?
  10. 计算机组成与结构学的是什么内容,计算机组成与体系结构教学大纲.doc
  11. java怎么判断素数_java判断是否为素数(质数)的方法
  12. Win11 U盘驱动异常怎么调整为正常?
  13. AngularJs:Directive指令用法
  14. talib实现与通达信、同花顺一致的MACD、KDJ指标
  15. Github 设置提交邮件地址
  16. MFC - LNK2001 “无法解析的外部符号”的几种情况及解决办法
  17. VS2015未定义标识符gets
  18. 谷歌seo关键词怎么做?Google如何优化关键词
  19. 验证千字文中有没有重复的字。
  20. (四)MkDocs学习——自定义主题

热门文章

  1. c# 操作Word总结(四)——书签使用
  2. 安装配置maven时因Java版本问题报错JAVA_HOME environment variable is not defined correctly
  3. 如何学习计算机思维,刘康平:为什么我们每个人都应该学习计算思维?
  4. 针对宝塔面板一个站点多个域名使用SSL证书的解决方案
  5. 18位身份证校验代码
  6. word单独编辑或者删除某一页的页眉
  7. 字符数组与字符串 统计空格个数
  8. 楚留香pc端无法获取服务器信息,楚留香手游PC端无响应解决方法
  9. ObjectARX_AutoCAD创建矩形功能实现
  10. Origin画图技巧之柱状图优化