Nesneler için Type Alias Kullanımı
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası. Ders 38 / 73.
TypeScript, nesneler için yeniden kullanılabilir bir yapı tanımlayan bir tür takma adı (type alias) oluşturmanıza olanak tanır.
Bir tür takma adı (type alias), bir nesne yapısı için adlandırılmış bir tanım oluşturmak için type anahtar kelimesini kullanır. Tanımlandıktan sonra, bu takma adı o belirli nesne şekline ihtiyaç duyduğunuz her yerde kullanabilirsiniz:
type Product = {
name: string;
price: number;
inStock: boolean;
};
let laptop: Product = {
name: "Gaming Laptop",
price: 1299,
inStock: true
};
let phone: Product = {
name: "Smartphone",
price: 699,
inStock: false
};Görev
KolayAşağıdaki özelliklere sahip bir nesne için Book adında bir tip takma adı (type alias) oluşturun:
stringtipindetitlestringtipindeauthornumbertipindepagesbooleantipindeisAvailable
Aşağıdaki özelliklere sahip bir nesne için Movie adında bir tip takma adı (type alias) oluşturun:
stringtipindetitlestringtipindedirectornumbertipindedurationstringtipinderating
Tip takma adlarınızı kullanarak aşağıdaki değişkenleri oluşturun:
titledeğeri"The Great Gatsby",authordeğeri"F. Scott Fitzgerald",pagesdeğeri180veisAvailabledeğeritrueolanBooktipindenoveladında bir değişken oluşturun.titledeğeri"TypeScript Handbook",authordeğeri"Microsoft",pagesdeğeri450veisAvailabledeğerifalseolanBooktipindetextbookadında bir değişken oluşturun.titledeğeri"Inception",directordeğeri"Christopher Nolan",durationdeğeri148veratingdeğeri"PG-13"olanMovietipindefilmadında bir değişken oluşturun.
Book tipinde bir parametre kabul eden ve "[title] by [author] - [pages] pages" formatında bir string döndüren getBookInfo adında bir fonksiyon oluşturun.
Movie tipinde bir parametre kabul eden ve "[title] directed by [director] ([duration] min)" formatında bir string döndüren getMovieInfo adında bir fonksiyon oluşturun.
Aşağıdaki çıktıları ayrı satırlara yazdırın:
novelilegetBookInfofonksiyonunu çağırın ve sonucu yazdırıntextbookilegetBookInfofonksiyonunu çağırın ve sonucu yazdırınfilmilegetMovieInfofonksiyonunu çağırın ve sonucu yazdırınnoveldeğişkeninin kullanılabilirlik durumunu (isAvailableözelliği) yazdırın
Kendin dene
// YAPILACAK: Kodunuzu buraya yazın
// Book ve Movie için tür takma adları oluşturun
// Tür takma adlarını kullanarak değişkenler oluşturun
// Bilgi almak için fonksiyonlar oluşturun
// Gerekli çıktıları yazdırınBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
TypeScript'e Giriş bölümündeki tüm dersler
1TS ile Başlarken
TypeScript Nedir?Neden TypeScript Kullanılır?İlk TypeScript KodunuzDerleme Süreci ve HatalarÖzet: TS'ye Giriş4Fonksiyonlarla Çalışmak
Parametre ve Dönüş Değerlerini TiplendirmeArrow Fonksiyonlarını Tiplendirme'void' Dönüş Tipi'?' ile Opsiyonel ParametrelerVarsayılan Parametre DeğerleriRest Parametrelerini TiplendirmeFonksiyon Tiplerini TanımlamaÖzet: Tiplendirilmiş Fonksiyonlar Oluşturma2Temel Tipler
Temel Tipler: str, num, boolean'any' Tipi: Kaçış Yolu'unknown' Tipi'null' ve 'undef' ile ÇalışmakTip Çıkarımı İş BaşındaAçık Tip BelirlemeleriÖzet: Temel Tipler Pratiği5Tipler: Takma Adlar, Unionlar ve Kesişimler
İlkel Tipler için Tip Takma AdlarıUnion Tipler ('|')Union Tipler ile ÇalışmakLiteral TiplerKesişim Tipleri ('&')Tip Takma Adlarını BirleştirmeÖzet: Gelişmiş Tip Kombinasyonları3Veri Yapısı: Diziler ve Tuple
Tipli DizilerDiziler için 'readonly' BelirleyicisiTuple Nedir?Tuple Tanımlama ve ErişmeTuple DestructuringReadonly Tuple'larÇok Boyutlu Tipli DizilerDizilerle Spread OperatörüÖzet: Diziler ve Tuple'lar6Nesneleri ve Interface'leri Tiplendirme
Satır İçi Nesne Tipi BelirtimleriNesneler için Type Alias KullanımıInterface'lere GirişInterface'ler ve Type Alias'ların KarşılaştırılmasıOpsiyonel ve Readonly ÖzelliklerInterface ve Tipleri GenişletmeInterface'lere Metot EklemeÖzet: Nesne Yapılarını TanımlamaKendi başına pratik yap: Online JavaScript derleyicisi