export?default?和?export?的使用方式示例詳解
node中導(dǎo)入模塊：var 名稱 = require('模塊標(biāo)識(shí)符')
node中向外暴露成員的形式：module.exports = {}
在ES6中，也通過規(guī)范的形式，規(guī)定了ES6中如何導(dǎo)入和導(dǎo)出模塊
ES6中導(dǎo)入模塊，使用 import 模塊名稱 from '模塊標(biāo)識(shí)符' 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 向外暴露的成員，可以使用任意變量來(lái)接收
2、在一個(gè)模塊中，export default 只允許向外暴露一次
3、在一個(gè)模塊中，可以同時(shí)使用export default 和export 向外暴露成員
4、使用export向外暴露的成員，只能使用{ }的形式來(lái)接收，這種形式，叫做【按需導(dǎo)出】
5、export可以向外暴露多個(gè)成員，同時(shí)，如果某些成員，在import導(dǎo)入時(shí)，不需要，可以不在{ }中定義
6、使用export導(dǎo)出的成員，必須嚴(yán)格按照導(dǎo)出時(shí)候的名稱，來(lái)使用{ }按需接收
7、使用export導(dǎo)出的成員，如果想換個(gè)變量名稱接收，可以使用as來(lái)起別名
例如：
// 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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
k8s node節(jié)點(diǎn)重新加入master集群的實(shí)現(xiàn)
這篇文章主要介紹了k8s node節(jié)點(diǎn)重新加入master集群的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
詳解基于 Node.js 的輕量級(jí)云函數(shù)功能實(shí)現(xiàn)
這篇文章主要介紹了詳解基于 Node.js 的輕量級(jí)云函數(shù)功能實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要介紹了node.js基礎(chǔ)知識(shí)，幫助大家更好的理解和學(xué)習(xí)node.js，感興趣的朋友可以了解下2020-08-08
node.js中的http.response.setHeader方法使用說(shuō)明
這篇文章主要介紹了node.js中的http.response.setHeader方法使用說(shuō)明,本文介紹了http.response.setHeader的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12
Pomelo是基于 Node.js 的高性能、分布式游戲服務(wù)器框架。它包括基礎(chǔ)的開發(fā)框架和相關(guān)的擴(kuò)展組件（庫(kù)和工具包），可以幫助你省去游戲開發(fā)枯燥中的重復(fù)勞動(dòng)和底層邏輯的開發(fā)。Pomelo不但適用于游戲服務(wù)器開發(fā)，也可用于開發(fā)高實(shí)時(shí) Web 應(yīng)用2014-06-06
對(duì)node.js中render和send的用法詳解
今天小編就為大家分享一篇對(duì)node.js中render和send的用法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-05-05
Yarn 就是一個(gè)類似于 npm 的包管理工具，它是由 facebook 推出并開源，與 npm 相比，yarn 有著眾多的優(yōu)勢(shì)，主要的優(yōu)勢(shì)在于：速度快、離線模式、版本控制，這篇文章主要介紹了yarn的安裝及使用教程,需要的朋友可以參考下2022-08-08
用Node.JS打造一個(gè)惡劣天氣實(shí)時(shí)預(yù)警系統(tǒng)
本文將從實(shí)戰(zhàn)的角度出發(fā)，利用NodeJS以及聚合數(shù)據(jù)的第三方免費(fèi)接口打造一個(gè)完整的天氣實(shí)時(shí)預(yù)警項(xiàng)目系統(tǒng)，具有一定的參考價(jià)值，感興趣的可以了解一下2021-12-12
Node 使用express-http-proxy 做api網(wǎng)關(guān)的實(shí)現(xiàn)
這篇文章主要介紹了Node 使用express-http-proxy 做api網(wǎng)關(guān)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
這篇文章主要為大家介紹了node.js基礎(chǔ)模塊http、網(wǎng)頁(yè)分析工具cherrio實(shí)現(xiàn)爬蟲的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03