何時在JavaScript中使用導出默認值和導出常量？

Question

我目前正在做一個反應流星項目。 我沒有找到任何明確的文件何時完全使用export default和export const。 對此分別有何意見何時使用什麼和有什麼區別？

Answer 1

export default出口你的模塊沒有名字，你可以這樣使用此語法導入：

export default MyModule =() => console.log('foo') 

import MyModule from './MyModule' //it works 
import foobar from './MyModule' //it also works, 

export const出口名稱爲：

export const MyModule =() => console.log('foo') 

import MyModule from './MyModule' //returns empty object since there is no default export 
import { MyModule } from './MyModule' //here it works because by exporting without 'default' keyword we explicitly exported MyModule 

• 所以，當你只出口一個來自你的模塊的元素，你不關心它的名字，使用export default。
• 如果你希望將一些特定的元素，從你的模塊導出，你在乎他們的名字，使用export const
• 你應該注意，您可以結合兩種，如果你想在默認情況下導入特定的模塊，讓用戶導入模塊的特定元素。