Özet - Modüller
- TypeScript kursu
- Orta seviye
- Ders 53/89
- 4 dk
Modüllerle çok dosyalı bir hesap paketi yazarsın.
Özet - Modüller
Modüller, kodu dosyalara bölmeyi ve paylaşmayı sağlar. Named export ile birden çok öğe, default export ile tek bir varsayılan öğe, re-export ile barrel dosyaları, import type ile yalnızca tür olan öğeler içe aktarılır. Bir modül hem named hem default export barındırabilir; böylece esnek API'ler tasarlanır.
// hesap.ts
export interface Islem { a: number; b: number; }
export default function hesapla(i: Islem) {
return i.a + i.b;
}Uygulama Hesap paketi
Islem arayüzünü dışa aktar: a: number ve b: number özellikli. hesapla fonksiyonunu varsayılan olarak dışa aktar: (i: Islem): number imzalı, i.a + i.b döndürsün. hesapla({ a: 5, b: 7 }) çağrısının sonucunu console.log ile yazdır.
Başlangıç kodu
// Islem arayüzünü dışa aktar: a ve b number
// hesapla fonksiyonunu varsayılan olarak dışa aktar
// Islem parametreli, a+b döndürsün
// hesapla'yı nesneyle çağır, sonucu yazdırÖrnek çözüm
export interface Islem {
a: number;
b: number;
}
export default function hesapla(i: Islem): number {
return i.a + i.b;
}
console.log(hesapla({ a: 5, b: 7 }));Beklenen çıktı
12
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Bir modülde hem named export hem default export aynı anda bulunabilir mi?
- Evet, ikisi birden olabilir Doğru cevap
- Yalnızca default export olabilir
- Yalnızca named export olabilir
- Hayır, yalnızca bir tür kullanılır
Açıklama: Bir modülde hem named export hem default export aynı anda bulunabilir. Named export sınırısızdır, default export tektir; ikisi birlikte esnek bir API sunar.
2 Varsayılan dışa aktarma
export ____ function hesapla(i: Islem): number {
return i.a + i.b;
}export default function hesapla(i: Islem): number {
return i.a + i.b;
}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 Modül kavramlarını eşleştir
| Kavram | Anlamı |
|---|---|
export function topla |
Named dışa aktarma |
export default function |
Varsayılan dışa aktarma |
export { } from |
Yeniden dışa aktarma |
import type { } |
Tür-only içe aktarma |