JavaScript ES6中export及export default的區別
阿新 • • 發佈:2017-05-26
.net dem pre 知識庫 cit export article 知識 targe
本文原創地址鏈接: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
對應的導入方式:
//demo2.js
import { str, f } from ‘demo1‘ //也可以分開寫兩次,導入的時候帶花括號
2、
//demo1.js
export default const str = ‘hello world‘
- 1
對應的導入方式:
//demo2.js
import str from ‘demo1‘ //導入的時候沒有花括號
JavaScript ES6中export及export default的區別