webpack中的export和export default、module exports的三者的區(qū)別

1.module.exports

module變量代表當前模塊磅氨。這個變量是一個對象既棺,module對象會創(chuàng)建一個叫exports的屬性讽挟,這個屬性的默認值是一個空的對象:

module.exports = {};

例子:app.js

module.exports.Name="我是電腦";

module.exports.Say=function(){

? console.log("我可以干任何事情")丸冕; ?

}

?

//上邊這段代碼就相當于一個對象

{

? "Name":" 我是電腦"耽梅,

? "Say" (){

? ? ?? console.log("我可以干任何事情"); ?

?? }

}

2.export與module.exports的關(guān)系

Node為每個模塊提供一個exports變量胖烛,指向module.exports眼姐。可以通俗的理解為:

//兩者是相等關(guān)系佩番,但又不是絕對相等關(guān)系

1.module.exports可以直接導(dǎo)出一個匿名函數(shù)或者一個值

module.exports=function(){

? var a="Hello World" ?

? return ? a;

}

但是exports是不可以的众旗,因為這樣等于切斷了exports與module.exports的聯(lián)系。

exports=function(){ ? ? ? ? ? //這樣寫法是錯誤的

? var a="Hello World" ? ? ?? //這樣寫法是錯誤的

? return ? a; ? ? ? ? ? ? ?? //這樣寫法是錯誤的

} ? ? ? ? ? ? ? ? ? ? ? ? ?? //這樣寫法是錯誤的

3.export和export default的區(qū)別

export是es6引出的語法趟畏,用于導(dǎo)出模塊中的變量贡歧,對象,函數(shù)赋秀,類利朵。對應(yīng)的導(dǎo)入關(guān)鍵字是import。

二者的區(qū)別有以下幾點:

export default在一個模塊中只能有一個猎莲,當然也可以沒有绍弟。export在一個模塊中可以有多個。

export default的對象著洼、變量樟遣、函數(shù)、類身笤,可以沒有名字豹悬。export的必須有名字。

export default對應(yīng)的import和export有所區(qū)別

例子:

1.export寫法

//./aap.js

var name="我是電腦"展鸡;

var say=function(){

console.log("我可以干很多事");

}

?

export {name埃难,say}莹弊;

?

//也可以直接一個一個的export但是必須得有名字

export const a=1涤久;

export function data(){

  return data;

}

?

?

//其他頁面引入時必須這樣

import {name,say} from "./app.js"

?

2.export default

//app.js

//可以沒有函數(shù)名字

export default function(){

  return data;

}

//這里export不能這樣導(dǎo)出

export default const a=12忍弛;

//應(yīng)該這樣導(dǎo)出

const a=12响迂;

export default a

?

//其他頁面引入時必須這樣

import data from "./app.js"

總結(jié):

export default,import語句不需要使用大括號细疚;

用export蔗彤,對應(yīng)的import語句需要使用大括號,一個模塊只能有一個默認輸出疯兼,所以export default只能使用一次然遏。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市吧彪,隨后出現(xiàn)的幾起案子待侵,更是在濱河造成了極大的恐慌,老刑警劉巖姨裸,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秧倾,死亡現(xiàn)場離奇詭異,居然都是意外死亡傀缩,警方通過查閱死者的電腦和手機那先,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赡艰,“玉大人售淡,你說我怎么就攤上這事∶樘” “怎么了勋又?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長换帜。 經(jīng)常有香客問我楔壤,道長,這世上最難降的妖魔是什么惯驼? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任蹲嚣,我火速辦了婚禮,結(jié)果婚禮上祟牲,老公的妹妹穿的比我還像新娘隙畜。我一直安慰自己,他們只是感情好说贝,可當我...
    茶點故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布议惰。 她就那樣靜靜地躺著,像睡著了一般乡恕。 火紅的嫁衣襯著肌膚如雪言询。 梳的紋絲不亂的頭發(fā)上俯萎,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天,我揣著相機與錄音运杭,去河邊找鬼夫啊。 笑死,一個胖子當著我的面吹牛辆憔,可吹牛的內(nèi)容都是我干的撇眯。 我是一名探鬼主播,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼虱咧,長吁一口氣:“原來是場噩夢啊……” “哼熊榛!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起彤钟,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤来候,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后逸雹,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體营搅,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年梆砸,在試婚紗的時候發(fā)現(xiàn)自己被綠了转质。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,626評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡帖世,死狀恐怖休蟹,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情日矫,我是刑警寧澤赂弓,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站哪轿,受9級特大地震影響盈魁,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜窃诉,卻給世界環(huán)境...
    茶點故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一杨耙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧飘痛,春花似錦珊膜、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春竹祷,著一層夾襖步出監(jiān)牢的瞬間介蛉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工溶褪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人践险。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓猿妈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親巍虫。 傳聞我的和親對象是個殘疾皇子彭则,可洞房花燭夜當晚...
    茶點故事閱讀 43,494評論 2 348

推薦閱讀更多精彩內(nèi)容