export和export default的作用是什么

這篇文章主要講解了“export和export default的作用是什么”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“export和export default的作用是什么”吧！

　　export命令用于規(guī)定模塊的對外接口。一個(gè)模塊就是一個(gè)獨(dú)立的文件。該文件內(nèi)部的所有變量，外部無法獲取。如果你希望外部能夠讀取模塊內(nèi)部的某個(gè)變量，就必須使用export關(guān)鍵字輸出該變量。下面是一個(gè)JS文件，里面使用export命令輸出變量。

　　export的使用

　　1.直接輸出

　　exportletwords='helloworld!!!'

　　exportfunctionoutput(){

　　//...

　　}

　　2.先定義再輸出

　　復(fù)制代碼

　　letfirstWords='hello'

　　letsecondWords='world'

　　letthirdWords='!!!'

　　functionoutput(){

　　//...

　　}

　　export{firstWords,secondWords,thirdWords,output}

　　復(fù)制代碼

　　exportdefault的使用

　　1.exportdefault用于規(guī)定模塊的默認(rèn)對外接口

　　2.很顯然默認(rèn)對外接口只能有一個(gè)，所以exportdefault在同一個(gè)模塊中只能出現(xiàn)一次

　　3.exportdefault只能直接輸出，不能先定義再輸出。

　　4.其在import方式上也和export存在一定區(qū)別

　　(1)export的輸出與import輸入

　　exportfunctionoutput(){

　　//...

　　}

　　import{output}from'./example'

　　(2)exportdefault的輸出與import輸入

　　exportdefaultfunctionoutput(){

　　//...

　　}

　　importoutputfrom'./example'

　　從以上兩種import方式即可看出，exportdefault的import方式不需要使用大括號包裹。因?yàn)閷τ趀xportdefault其輸出的本來就只有一個(gè)接口，提供的是模塊的默認(rèn)接口，自然不需要使用大括號包裹。

感謝各位的閱讀，以上就是“export和export default的作用是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對export和export default的作用是什么這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！