Default export
- TypeScript kursu
- Orta seviye
- Ders 50/89
- 4 dk
Varsayılan dışa aktarmayı öğrenirsin.
Default export
Her modül en fazla bir default export'a sahip olabilir. export default yazımı ile bir fonksiyonu, sınıfı veya nesneyi varsayılan olarak dışa aktarırsın. İçe aktarırken süslü parantez kullanmazsın; adı istediğin gibi verebilirsin.
// hesap.ts
export default function topla(a: number, b: number) {
return a + b;
}
// app.ts
import topla from "./hesap";
console.log(topla(2, 3)); // 5Default import'ta ad esnektir
Default import'ta süslü parantez olmadığından, içe aktarılan adı serbestçe seçebilirsin. import hesapla from "./hesap" yazımı, modülün default export'unu hesapla adıyla içe aktarır. Kaynaktaki ad ne olursa olsun, burada verdiğin ad geçerli olur.
Uygulama Varsayılan selam fonksiyonu
selam fonksiyonunu varsayılan olarak dışa aktar: imzası (): string, gövdesi return "merhaba" olsun. Sonra selam() çağrısının sonucunu console.log ile yazdır.
Başlangıç kodu
// selam fonksiyonunu varsayılan olarak dışa aktar
// parametresiz, string döndürsün
// "merhaba" döndürsün
// fonksiyonu çağırıp sonucu yazdırÖrnek çözüm
export default function selam(): string {
return "merhaba";
}
console.log(selam());Beklenen çıktı
merhaba
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Bir modülde kaç tane default export bulunabilir?
- Sonsuz sayıda
- Tam olarak iki tane
- Default export kullanılamaz
- En fazla bir tane Doğru cevap
Açıklama: Her modülde en fazla bir default export olabilir. Named export sınırı yoktur ama default export tektir; ikinci bir default derleme hatası verir.
2 default ekle
export ____ function selam(): string {
return "merhaba";
}export default function selam(): string {
return "merhaba";
}Açıklama: Varsayılan dışa aktarma için export default yazılır. named, single ve primary geçerli anahtar kelimeler değildir; yalnızca default bu anlama gelir.
3 Default export parçaları
| Kavram | Anlamı |
|---|---|
export default function |
Varsayılan dışa aktarma bildirimi |
import selam from "./hesap" |
Süslü parantezsiz içe aktarma |
en fazla bir tane |
Default export sınırı |
ad serbestçe seçilir |
Default import esnekliği |