ES6中導入導出模塊的使用及其與Node導入導出的區別

在es6中,通過規範的形式,規定了es6中如何導入和導出模塊
es6中導入模塊,使用
import 模塊名稱 from ‘模塊標識符’ 或者
import ‘路徑’
的方式。
導出模塊使用export default 和export 向外暴露成員
//--------------------------------------------------------------------------------
例如
導出模塊:
test.js:

//默認導出的模塊
export default {
    name:'zs',
    age: 20
}
//導出的其他模塊
export var title = "小星星"
export var content = "哈哈哈" 

導入模塊
main.js

import m1,{title,content} from './test.js'
console.log(m1)
console.log(title+"------"+content)

注意:使用export暴露的成員,只能使用{}的方式來接收,這種形式,叫做按需導出
同時,如果某些成員,在import的時候不需要,則可以不在{}中定義
注意:使用export導出的成員,必須嚴格按照導出時的名稱,使用{}接收。
如果非要給導出的非默認模塊起別名,使用as起別名:

import m1,{title as title1,content as content1} from './test.js'
console.log(m1)
console.log(title1+"------"+content1)

//-----------------------------------------------------------------------------------------------
Node中
在node中使用module.export 和 exports來暴露成員
使用 var 名稱 = require(‘模塊標識符’) 來導入 和es6中別弄混了

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