export和export default的作用是什么

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

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

　　export的使用

　　1.直接輸出

　　exportletwords='helloworld!!!'

　　exportfunctionoutput(){

　　//...

　　}

　　2.先定義再輸出

　　復制代碼

　　letfirstWords='hello'

　　letsecondWords='world'

　　letthirdWords='!!!'

　　functionoutput(){

　　//...

　　}

　　export{firstWords,secondWords,thirdWords,output}

　　復制代碼

　　exportdefault的使用

　　1.exportdefault用于規定模塊的默認對外接口

　　2.很顯然默認對外接口只能有一個，所以exportdefault在同一個模塊中只能出現一次

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

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

　　(1)export的輸出與import輸入

　　exportfunctionoutput(){

　　//...

　　}

　　import{output}from'./example'

　　(2)exportdefault的輸出與import輸入

　　exportdefaultfunctionoutput(){

　　//...

　　}

　　importoutputfrom'./example'

　　從以上兩種import方式即可看出，exportdefault的import方式不需要使用大括號包裹。因為對于exportdefault其輸出的本來就只有一個接口，提供的是模塊的默認接口，自然不需要使用大括號包裹。

感謝各位的閱讀，以上就是“export和export default的作用是什么”的內容了，經過本文的學習后，相信大家對export和export default的作用是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！