export、import、export default區別
阿新 • • 發佈:2018-11-27
- 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},注意:這裡{}不是宣告一個物件。