首页 > 代码库 > export与export default
export与export default
转载:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632
本文原创地址链接:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632,未经博主允许不得转载。
相信很多人都使用过export、export default、import,然而它们到底有什么区别呢?
在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名
的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。
具体使用:
1、
//demo1.js
export const str = ‘hello world‘
export function f(a){
return a+1
}
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
对应的导入方式:
//demo2.js
import { str, f } from ‘demo1‘ //也可以分开写两次,导入的时候带花括号
- 1
- 2
- 1
- 2
2、
//demo1.js
export default const str = ‘hello world‘
- 1
- 2
- 1
- 2
对应的导入方式:
//demo2.js
import str from ‘demo1‘ //导入的时候没有花括号
- 1
- 2
- 1
- 2
export与export default
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。