export default 與 export 區別
阿新 • • 發佈:2020-12-14
技術標籤:JavaScriptexport defaultexport
在JavaScript ES6中,export與export default均可用於匯出常量、函式、檔案、模組等,使用的時候可以在其它檔案或模組中通過import (常量 | 函式 | 檔案 | 模組)名
的方式,將其匯入,進行使用。
區別:
- 在一個檔案或模組中,
export、import
可以有多個,export default
僅有一個 export default
後面不能跟const
或let
的關鍵詞
具體使用:
(1)
demo1.js
export const str = 'hello'
export function f(a){
return a+1
}
對應的匯入方式:
demo2.js
import { str, f } from 'demo1' //匯入的時候帶花括號
(2)
demo1.js
export default const str = 'hello'
對應的匯入方式:
demo2.js
import str from 'demo1' //匯入的時候沒有花括號