Readonly Tuple'lar
Coddy'nin JavaScript Journey'sinin TypeScript'e Giriş bölümünün bir parçası. Ders 18 / 73.
Tıpkı dizileri readonly değiştiricisiyle değişmez hâle getirebildiğiniz gibi, TypeScript başlatıldıktan sonra değiştirilemeyen readonly tuple değerleri oluşturmanıza da olanak tanır. Bu, yapılandırılmış ve sabit uzunluklu veriler için aynı değişmezlik avantajlarını sağlar.
Bir demet (tuple) türünün önüne readonly eklediğinizde, TypeScript demetin öğelerinde herhangi bir değişiklik yapılmasını engeller.
Bu, belirli konumlardaki değerleri yeniden atayamayacağınız veya demetin (tuple) içeriğini değiştirecek yöntemleri kullanamayacağınız anlamına gelir:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];readonly değiştiricisi, demetler için özellikle değerlidir; çünkü demetler genellikle koordinatlar, RGB renk değerleri veya oluşturulduktan sonra değişmemesi gereken veritabanı kayıtları gibi önemli yapılandırılmış verileri temsil eder.
Görev
KolaystartPoint adında, iki sayıdan (x ve y koordinatları) oluşan 2B bir noktayı temsil eden salt okunur bir demet oluştur. Demeti 0 ve 0 değerleriyle başlat.
colorRGB adında, üç sayıdan (kırmızı, yeşil, mavi) oluşan bir RGB renk değerini temsil eden başka bir salt okunur demet oluştur. Demeti 255, 128 ve 64 değerleriyle başlat.
userRecord adında; bir sayı (kullanıcı kimliği), bir dize (kullanıcı adı) ve bir boole değeri (etkinlik durumu) içeren üçüncü bir salt okunur demet oluştur. Demeti 42, "admin" ve true değerleriyle başlat.
Oluşturulma sıralarına göre üç salt okunur demetin tamamını ayrı satırlarda konsola yazdır.
Kendin dene
// YAPILACAK: Kodunuzu buraya yazın
// Meydan okumada açıklandığı gibi salt okunur demetleri (tuples) oluşturun
// Her üç demeti de 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