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)文章
k8s node節(jié)點(diǎn)重新加入master集群的實(shí)現(xiàn)
這篇文章主要介紹了k8s node節(jié)點(diǎn)重新加入master集群的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
詳解基于 Node.js 的輕量級云函數(shù)功能實(shí)現(xiàn)
這篇文章主要介紹了詳解基于 Node.js 的輕量級云函數(shù)功能實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
這篇文章主要介紹了node.js基礎(chǔ)知識，幫助大家更好的理解和學(xué)習(xí)node.js，感興趣的朋友可以了解下2020-08-08
node.js中的http.response.setHeader方法使用說明
這篇文章主要介紹了node.js中的http.response.setHeader方法使用說明,本文介紹了http.response.setHeader的方法說明、語法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12
Pomelo是基于 Node.js 的高性能、分布式游戲服務(wù)器框架。它包括基礎(chǔ)的開發(fā)框架和相關(guān)的擴(kuò)展組件（庫和工具包），可以幫助你省去游戲開發(fā)枯燥中的重復(fù)勞動(dòng)和底層邏輯的開發(fā)。Pomelo不但適用于游戲服務(wù)器開發(fā)，也可用于開發(fā)高實(shí)時(shí) Web 應(yīng)用2014-06-06
今天小編就為大家分享一篇對node.js中render和send的用法詳解，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05
Yarn 就是一個(gè)類似于 npm 的包管理工具，它是由 facebook 推出并開源，與 npm 相比，yarn 有著眾多的優(yōu)勢，主要的優(yōu)勢在于：速度快、離線模式、版本控制，這篇文章主要介紹了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ì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
這篇文章主要為大家介紹了node.js基礎(chǔ)模塊http、網(wǎng)頁分析工具cherrio實(shí)現(xiàn)爬蟲的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03