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