export?default?和?export?的使用方式示例詳解
node中導入模塊:var 名稱 = require('模塊標識符')
node中向外暴露成員的形式:module.exports = {}
在ES6中,也通過規(guī)范的形式,規(guī)定了ES6中如何導入和導出模塊
ES6中導入模塊,使用 import 模塊名稱 from '模塊標識符' import '表示路徑'
import *** from *** 是ES6中導入模塊的方式
在ES6中,使用export default 和 export 向外暴露成員
例如:
// test.js export default { name: 'zs', age: 20 }
或是
// test.js var info = { name: 'zs', age: 20 } export default info
在main.js中接收,test.js使用export default 向外暴露的成員
import person from './test.js' console.log(person);
注意:
1、export default 向外暴露的成員,可以使用任意變量來接收
2、在一個模塊中,export default 只允許向外暴露一次
3、在一個模塊中,可以同時使用export default 和export 向外暴露成員
4、使用export向外暴露的成員,只能使用{ }的形式來接收,這種形式,叫做【按需導出】
5、export可以向外暴露多個成員,同時,如果某些成員,在import導入時,不需要,可以不在{ }中定義
6、使用export導出的成員,必須嚴格按照導出時候的名稱,來使用{ }按需接收
7、使用export導出的成員,如果想換個變量名稱接收,可以使用as來起別名
例如:
// test.js var info = { name: 'zs', age: 20 } export default info export var title = '小星星' export var content = '哈哈哈'
在main.js中接收,test.js使用export default 和 export 向外暴露的成員
import person, {title, content as content1} from './test.js' console.log(person); console.log(title + '=======' + content1);
到此這篇關(guān)于export default 和 export 的使用方式的文章就介紹到這了,更多相關(guān)export default export 使用內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Nodejs 發(fā)布自己的npm包并制作成命令行工具的實例講解
今天小編就為大家分享一篇Nodejs 發(fā)布自己的npm包并制作成命令行工具的實例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05如何自定義node版本,實現(xiàn)node多版本控制方式
這篇文章主要介紹了如何自定義node版本,實現(xiàn)node多版本控制方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-04-04使用NodeJs 開發(fā)微信公眾號(三)微信事件交互實例
這篇文章主要介紹了使用NodeJs 開發(fā)微信公眾號(三)微信事件交互實例的相關(guān)資料,需要的朋友可以參考下2016-03-03