export和import

下面只是個人我的看法,如有什麼不對的,請指出。函數

ES6主要有兩個功能:export(導出)和import(導入)
export用於對外輸出本模塊(一個文件能夠理解爲一個模塊)變量的接口
import用於在一個模塊中加載另外一個含有export接口的模塊。
也就是說使用export命令定義了模塊的對外接口之後,其餘JS文件就能夠經過import命令加載這個模塊(文件)。接口

export與export default
上面講的是隻是export和import,可是export跟export default 有什麼區別呢?import

一、export與export default都可用於導出常量、函數、文件、模塊等
二、你能夠在其它文件或模塊中經過import+(常量 | 函數 | 文件 | 模塊)名的方式,將其導入,以便可以對其進行使用
三、在一個文件或模塊中,export、import能夠有多個,export default僅有一個
四、經過export方式導出,在導入時要加{ },export default則不須要變量

這樣來講其實不少時候export與export default能夠實現一樣的目的。
注意第四條,經過export方式導出,在導入時要加{ },export default則不須要。使用export default命令,爲模塊指定默認輸出,這樣就不須要知道所要加載模塊的變量名。im

相關文章
相關標籤/搜索