JavaScript ES6中export及export default的區別

相信很多人都使用過export、export default、import,
然而它們到底有什么區別呢? 在ES6中,export與export default均可用于導出常量、函數、文件、模塊等,你可以在其它文件或模塊中通過import+(常量 | 函數 | 文件 | 模塊)名的方式,將其導入,以便能夠對其進行使用。
**但在一個文件或模塊中,export、import可以有多個,export default僅有一個。 **

具體使用:

1.export

//demo1.js
export const str = 'hello world'
export function f(a){ return a+1}

對應的導入方式:

//demo2.js
import { str, f } from 'demo1' //也可以分開寫兩次,導入的時候帶花括號

2.export default

//demo1.js
export default const str = 'hello world'

對應的導入方式:

//demo2.js
import str from 'demo1' //導入的時候沒有花括號
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容