1. 程式人生 > 其它 >export default 與 export 區別

export default 與 export 區別

技術標籤:JavaScriptexport defaultexport

在JavaScript ES6中,export與export default均可用於匯出常量、函式、檔案、模組等,使用的時候可以在其它檔案或模組中通過import (常量 | 函式 | 檔案 | 模組)名的方式,將其匯入,進行使用。

區別:

  • 在一個檔案或模組中,export、import可以有多個,export default僅有一個
  • export default後面不能跟constlet的關鍵詞

具體使用:

(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' //匯入的時候沒有花括號