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

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比汕城網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式汕城網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋汕城地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

export命令用于規(guī)定模塊的對外接口。一個模塊就是一個獨立的文件。該文件內(nèi)部的所有變量，外部無法獲取。如果你希望外部能夠讀取模塊內(nèi)部的某個變量，就必須使用export關(guān)鍵字輸出該變量。下面是一個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)對外接口只能有一個，所以exportdefault在同一個模塊中只能出現(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方式不需要使用大括號包裹。因為對于exportdefault其輸出的本來就只有一個接口，提供的是模塊的默認(rèn)接口，自然不需要使用大括號包裹。

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

當(dāng)前文章：export和exportdefault的作用是什么-創(chuàng)新互聯(lián)
轉(zhuǎn)載源于：http://weahome.cn/article/pscde.html