博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript ES6中export及export default的区别
阅读量:7227 次
发布时间:2019-06-29

本文共 553 字,大约阅读时间需要 1 分钟。

  hot3.png

相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 

在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 
具体使用: 
1、

//demo1.jsexport const str = 'hello world'export function f(a){    return a+1}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

对应的导入方式:

//demo2.jsimport { str, f } from 'demo1' //也可以分开写两次,导入的时候带花括号
  • 1
  • 2

2、

//demo1.jsexport default const str = 'hello world'
  • 1
  • 2

对应的导入方式:

//demo2.jsimport str from 'demo1' //导入的时候没有花括号

转载于:https://my.oschina.net/dawd/blog/1549083

你可能感兴趣的文章
Java版冒泡排序法
查看>>
关于FB4.6插件安装后默认语言环境的更改问题
查看>>
免费分区助手
查看>>
Javascript通过Name调用Function
查看>>
统计当前在线用户数量
查看>>
IntelliJ IDEA 乱码解决方案 (项目代码、控制台等)
查看>>
PHP项目记录
查看>>
.net面试题系列文章七(附答案)
查看>>
FastSocket
查看>>
ionic $ionicSlideBoxDelegate 滑动框事件
查看>>
点击文字,把input type="radio"也选中
查看>>
第一章 Java多线程技能
查看>>
Java 集合系列-第八篇-Map架构
查看>>
springmvc 3.2 @MatrixVariable bug 2
查看>>
React-Native PanResponder手势识别器
查看>>
IOS11 光标错位问题
查看>>
如何设计用户登录
查看>>
linux安装mysql5.7.19
查看>>
Zookeeper+ActiveMQ 集群实现
查看>>
加权有向图问题2----多源最短路径问题(Floyd算法)和关键路径算法
查看>>