module.exports = {} 與 export{} 與 export default

node 中較爲常用

module.exports

導入時:var 名稱 = require(‘模塊標識符’)

定義:

a.js:

function aa() {}

module.exports = {
  aa
}

引用:

import a from 'a.js'

a.aa();

es6中較爲常用

export

導入時:import 模塊名稱 from ‘模塊標識符’

使用{ }的形式來接收,叫做【按需導出】,名字與導出一致,不過可以使用as起別名

定義:

b.js:

function bb(){}

export {
 	bb
}

引用:

import { bb } from 'b.js'

bb();

export default

export default 只允許向外暴露一次,暴露的成員,可以使用任意變量來接收

可以同時使用export default 和export 向外暴露成員

c.js:

function cc(){}

export default cc

引用:

import cc from 'c.js'

cc();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章