Default export

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));  // 5

Default 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.

Örnek çözümü göster

export default function selam(): string {
  return "merhaba";
}
console.log(selam());

Kendini test et

Bir modülde kaç tane default export bulunabilir?
- Sonsuz sayıda
- Tam olarak iki tane
- Default export kullanılamaz
- En fazla bir tane
Cevabı göster

En fazla bir tane — 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.

default ekle

export ____ function selam(): string {
  return "merhaba";
}

Cevabı göster

export default function selam(): string {
  return "merhaba";
}

Default export parçaları

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

Sıradaki ders: Re-export

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler