1. 程式人生 > >export、import、export default區別

export、import、export default區別

  • export用於對外輸出本模組(一個檔案可以理解為一個模組)變數的介面
  • import用於在一個模組中載入另一個含有export介面的模組

使用範圍

require: node 和 es6 都支援的引入
export / import : 只有es6 支援的匯出引入
module.exports / exports: 只有 node 支援的匯出

export & import

// demo1.js
export var name="李四" //或者var name= '李四 ' export {name}
export function f(a){
    return a*a;
}

//demo2.js
import {str, f } from 'demo1'

export default

//demo3.js
export default str = 'hello'

//demo4.js
 import str from 'demo3' //沒有花括號

export 與export default

兩者都是匯出,但是前者在匯入的時候需要加{} ,後者匯出方式在匯入時不需要加{}
在一個檔案中,export import可以有多個,但是export default只能有一個
export能直接匯出變量表達式,export default不行。
export var e1='...' 是合法語句,但是export default var e2='...'是不合法的(let和const也一樣)。
export default可以直接新增識別符號匯出,例如export default e2;export如果要匯出已經宣告的表示符,必須使用{},例如export {e1},注意:這裡{}不是宣告一個物件。