Property types
- TypeScript kursu
- Başlangıç
- Ders 52/89
- 4 dk
Interface özelliklerine tür vermeyi öğrenirsin.
Property types
Bir interface'in her özelliği bir türe sahiptir. string, number, boolean, dizi veya başka bir interface kullanabilirsin. Özellikler noktalı virgülle ayrılır.
interface Urun {
ad: string;
fiyat: number;
stokta: boolean;
}Her özellik, nesnenin ilgili değerinin türünü belirler.
Interface'lerde optional ve readonly
Interface'ler, nesne türlerinde olduğu gibi isteğe bağlı (?) ve readonly özellikleri destekler. İsteğe bağlı özellikler bulunmayabilir; readonly özellikler ise oluşturulduktan sonra değiştirilemez.
interface Urun {
readonly id: number;
ad: string;
etiketler?: string[];
}Interface, nesne türünün tüm özelliklerini destekler.
Uygulama Çeşitli özellik türleriyle interface
Urun adında bir interface tanımla; ad: string, fiyat: number ve stokta: boolean özellikleri içersin. urun adında bir değişkeni Urun türünde tanımla ve değerini { ad: "kalem", fiyat: 15, stokta: true } yap. urun.fiyat değerini console.log ile yazdır.
Başlangıç kodu
// Urun adında bir interface tanımla
// ad (string), fiyat (number), stokta (boolean) özellikleri içersin
// urun değişkenini Urun türünde tanımla
// değer: ad "kalem", fiyat 15, stokta true
// urun.fiyat değerini yazdırÖrnek çözüm
interface Urun {
ad: string;
fiyat: number;
stokta: boolean;
}
let urun: Urun = { ad: "kalem", fiyat: 15, stokta: true };
console.log(urun.fiyat);Beklenen çıktı
15
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 <code>interface Urun { ad: string; fiyat: number; stokta: boolean }</code> tanımında <code>fiyat</code> özelliğinin türü nedir?
- Urun
- string
- boolean
- number Doğru cevap
Açıklama: Interface tanımında <code>fiyat: number</code> yazıldığından, <code>fiyat</code> özelliğinin türü <code>number</code>'dır.
2 Özellik türünü tamamla
interface Urun {
ad: string;
fiyat: number;
stokta: ____;
}interface Urun {
ad: string;
fiyat: number;
stokta: boolean;
}Açıklama: <code>stokta</code> özelliği bir ürünün stokta olup olmadığını belirtir; doğru tür <code>boolean</code>'dır. <code>string</code> ve <code>number</code> evet/hayır durumu için yanlış, <code>void</code> ise özellik türü değildir.
3 Property types kavramları
| Kavram | Anlamı |
|---|---|
ad: string (interface) |
Dize özellik |
fiyat: number (interface) |
Sayı özellik |
etiketler?: string[] |
İsteğe bağlı dizi özellik |
readonly id: number |
Değiştirilemez özellik |