1. 程式人生 > >Es6新增的模組化export和export default的主要區別

Es6新增的模組化export和export default的主要區別

1.在一個檔案或模組中,export,import可以有多個,而export default只能有一個。

2.通過export匯出模組式,匯入此模組要加{},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' //匯入的時候沒有花括號