export?default?和?export?的使用方式示例詳解
node中導(dǎo)入模塊:var 名稱 = require('模塊標(biāo)識符')
node中向外暴露成員的形式:module.exports = {}
在ES6中,也通過規(guī)范的形式,規(guī)定了ES6中如何導(dǎo)入和導(dǎo)出模塊
ES6中導(dǎo)入模塊,使用 import 模塊名稱 from '模塊標(biāo)識符' import '表示路徑'
import *** from *** 是ES6中導(dǎo)入模塊的方式
在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、在一個(gè)模塊中,export default 只允許向外暴露一次
3、在一個(gè)模塊中,可以同時(shí)使用export default 和export 向外暴露成員
4、使用export向外暴露的成員,只能使用{ }的形式來接收,這種形式,叫做【按需導(dǎo)出】
5、export可以向外暴露多個(gè)成員,同時(shí),如果某些成員,在import導(dǎo)入時(shí),不需要,可以不在{ }中定義
6、使用export導(dǎo)出的成員,必須嚴(yán)格按照導(dǎo)出時(shí)候的名稱,來使用{ }按需接收
7、使用export導(dǎo)出的成員,如果想換個(gè)變量名稱接收,可以使用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包并制作成命令行工具的實(shí)例講解
今天小編就為大家分享一篇Nodejs 發(fā)布自己的npm包并制作成命令行工具的實(shí)例講解,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05如何自定義node版本,實(shí)現(xiàn)node多版本控制方式
這篇文章主要介紹了如何自定義node版本,實(shí)現(xiàn)node多版本控制方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-04-04Express中使用Swagger的實(shí)現(xiàn)示例
swagger-express是一個(gè)規(guī)范和完整的框架實(shí)現(xiàn),本文主要介紹了Express中使用Swagger的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12使用NodeJs 開發(fā)微信公眾號(三)微信事件交互實(shí)例
這篇文章主要介紹了使用NodeJs 開發(fā)微信公眾號(三)微信事件交互實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-03-03