Birleştirme
- TypeScript kursu
- Orta seviye
- Ders 75/89
- 5 dk
Tüm parçaları birleştirerek çalışan kütüphaneyi yazarsın.
Özet - Kütüphane paketi
Bu projede bir kütüphane paketinin tüm parçalarını birleştirdin: interface ile tür tanımları, generic yardımcı fonksiyonlar, barrel dosyasıyla dışa aktarım ve .d.ts ile bildirim. Birlikte çalışan, tür güvenli ve yeniden kullanılabilir bir paket oluşturdun.
interface Kitap { ad: string; }
function first<T>(arr: T[]): T | undefined {
return arr[0];
}Final montaj
Son montajda index.ts tüm modülleri içe aktarır ve yeniden dışa aktarır; generic yardımcılar uygulamaya hizmet eder; .d.ts ise JS tüketicilerine tür sağlar. Her parça kendi sorumluluğunu taşır ve birlikte tutarlı bir API oluşturur.
// index.ts
export { Kitap, first } from "./core";Uygulama Kütüphane birleştirme
Kitap interface'i ad: string ve yazar: string özellikleri içersin. Generic firstElement<T>(arr: T[]): T | undefined fonksiyonu return arr[0] dönsün. kitaplar dizisi iki Kitap nesnesi içersin. firstElement(kitaplar) ile ilk kitabı al ve .ad özelliğini console.log ile yazdır.
Başlangıç kodu
// Kitap interface: ad ve yazar string
// firstElement generic fonksiyonu tanımla
// kitaplar dizisi iki Kitap içersin
// ilk kitabın adını yazdırÖrnek çözüm
interface Kitap {
ad: string;
yazar: string;
}
function firstElement<T>(arr: T[]): T | undefined {
return arr[0];
}
const kitaplar: Kitap[] = [
{ ad: "TypeScript", yazar: "Ahmet" },
{ ad: "React", yazar: "Mehmet" }
];
const ilk = firstElement(kitaplar);
console.log(ilk.ad);Beklenen çıktı
TypeScript
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Birleştirme sırasında en önemli ilke nedir?
- Her parçanın tek bir sorumluluğu olması Doğru cevap
- Tür bildirimlerini atlamak
- Generic fonksiyon kullanmamak
- Tüm kodu tek dosyaya yazmak
Açıklama: Birleştirmede her parçanın tek sorumluluğu olması temeldir; türler, yardımcılar, barrel ve bildirim ayrı tutulur.
2 İçe aktarma anahtar kelimesi
// index.ts
____ { Kitap } from "./types";// index.ts
import { Kitap } from "./types";Açıklama: Başka bir modülden değer içe aktarmak için import anahtar kelimesi kullanılır.
3 Birleştirme parçaları
| Kavram | Anlamı |
|---|---|
interface |
Tür tanımı |
generic helper |
Tür güvenli yardımcı |
barrel |
Toplu dışa aktarım |
.d.ts |
Bildirim dosyası |