資訊專欄INFORMATION COLUMN
摘要：首先我們先知道的作用是什么，是用于導(dǎo)出模塊，通常配合使用和的區(qū)別，什么情況下用，什么情況下用。命名導(dǎo)出，用于導(dǎo)出多個(gè)對(duì)象示例代碼在中引入模塊彈出從上述代碼我們可以看到可以在一個(gè)導(dǎo)出多個(gè)對(duì)象和變量，中引入的過(guò)程需要用對(duì)應(yīng)中導(dǎo)出的變量名引入。
首先我們先知道exprot的作用是什么，exprot是用于導(dǎo)出模塊，通常配合 improt 使用
exprot和exprot default的區(qū)別，什么情況下用exprot，什么情況下用exprot default。
1.exprot //命名導(dǎo)出，用于導(dǎo)出多個(gè)對(duì)象
示例代碼：在b.js中引入a.js模塊
a.js
const a=123
const b=function(){alert(1)}
exprot a;
exprot b;
b.js
improt {a,b} from "./a.js"
b()//彈出1
從上述代碼我們可以看到exprot可以在一個(gè)JS導(dǎo)出多個(gè)對(duì)象和變量，b.js中引入的過(guò)程需要用對(duì)應(yīng)a.js中導(dǎo)出的變量名引入。
exprot default //默認(rèn)導(dǎo)出
a.js
exprot default function(){alert(1)}
b.js
improt alertFun from "./a.js"
alertFun()//彈出1
比較與exprot導(dǎo)出的區(qū)別可以看到exprot default導(dǎo)出的對(duì)象可以自定義命名存儲(chǔ)，無(wú)需要限制命名與a.js中的一樣，但是exprot default只能默認(rèn)導(dǎo)出一個(gè)對(duì)象，并且無(wú)法與exprot同時(shí)使用，exprot default是為所有導(dǎo)出對(duì)象使用系統(tǒng)默認(rèn)命名導(dǎo)出，相等于只能導(dǎo)出一個(gè)對(duì)象
所以你要在一個(gè)文件導(dǎo)出多個(gè)對(duì)象就使用exprot，導(dǎo)出一個(gè)對(duì)象建議使用exprot default因?yàn)槊`活性更多，不容易造成變量混亂
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/98115.html
摘要：是阿里推出的基于的開發(fā)框架，今天抽空體驗(yàn)了下，按官方教程做一個(gè)。用于解析用戶的輸入，處理后返回相應(yīng)的結(jié)果，具體參見。用于編寫業(yè)務(wù)邏輯層，可選，建議使用，具體參見。和用于自定義啟動(dòng)時(shí)的初始化工作，可選，具體參見啟動(dòng)自定義。 egg.js是阿里推出的基于koa的node開發(fā)框架，今天抽空體驗(yàn)了下，按官方教程做一個(gè)Hacker News。其實(shí)官方有腳手架提供，但是這次我們不用。 開始之前，我...
摘要：你可能認(rèn)為和它的新模塊系統(tǒng)出現(xiàn)得有點(diǎn)晚。聚合模塊有時(shí)候一個(gè)包的主模塊只不過(guò)是導(dǎo)入包其他所有的模塊，并用統(tǒng)一的方式導(dǎo)出。靜態(tài)動(dòng)態(tài)，或者說(shuō)規(guī)則如何打破規(guī)則作為一個(gè)動(dòng)態(tài)編譯語(yǔ)言，令人驚奇的是擁有一個(gè)靜態(tài)的模塊系統(tǒng)。 回想2007年，那時(shí)候我剛加入Mozillas JavaScript團(tuán)隊(duì)，那時(shí)候的一個(gè)典型的JavaScript程序只需要一行代碼，聽起來(lái)像個(gè)笑話。 兩年后，Google Map...
摘要：方式導(dǎo)入導(dǎo)出一個(gè)文件，可以向外無(wú)數(shù)個(gè)變量，函數(shù)，對(duì)象，但是的時(shí)候，僅僅需要載入一次文件即可。所以，無(wú)形之后，會(huì)增加一個(gè)頂層命名空間。 Node方式導(dǎo)入導(dǎo)出 一個(gè)JavaScript文件，可以向外exprots無(wú)數(shù)個(gè)變量，函數(shù)，對(duì)象，但是require(); 的時(shí)候，僅僅需要 載入一次JS文件即可。 所以，無(wú)形之后，會(huì)增加一個(gè)頂層命名空間。 導(dǎo)入一個(gè)空模塊，是一個(gè)空對(duì)象,一個(gè)模塊就是一個(gè)...
摘要：本文主要介紹幾種模塊導(dǎo)入導(dǎo)出的方法。默認(rèn)導(dǎo)出如果只在一個(gè)文件中提供了一個(gè)導(dǎo)出的口，就可以使用默認(rèn)導(dǎo)出在中可以看到輸入同樣是模塊導(dǎo)入導(dǎo)出方法，使用的模塊方法，要比中的也就是模塊方法更加的差異非常大。 在開發(fā)中基本不會(huì)將所有的業(yè)務(wù)邏輯代碼放在一個(gè)JS文件中，特別是在使用前端框架，進(jìn)行組件化開發(fā)中時(shí)，會(huì)復(fù)用相應(yīng)的組件。這時(shí)，就會(huì)用到模塊導(dǎo)入/導(dǎo)出的方法了。 當(dāng)然，上面提到有模塊的概念，也是在...
閱讀 2071·2021-09-13 10:23
閱讀 2418·2021-09-02 09:47
閱讀 3886·2021-08-16 11:01
閱讀 1298·2021-07-25 21:37
閱讀 1664·2019-08-30 15:56
閱讀 610·2019-08-30 13:52
閱讀 3211·2019-08-26 10:17
閱讀 2511·2019-08-23 18:17
