這篇文章主要講解了“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的作用是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是創新互聯網站建設公司,,小編將為大家推送更多相關知識點的文章,歡迎關注!
文章題目:export和exportdefault的作用是什么-創新互聯
分享URL:http://www.yijiale78.com/article14/pscde.html
成都網站建設公司_創新互聯,為您提供App開發、網站設計公司、企業建站、全網營銷推廣、用戶體驗、做網站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯