angle bracket syntax
- TypeScript kursu
- Orta seviye
- Ders 67/89
- 4 dk
<tür> yazımını ve kısıtlarını öğrenirsin.
Açı parantez sözdizimi
TypeScript'te tür onaylamanın başka bir yolu açı parantez (angle bracket) sözdizimidir: <tür>deger. Bu, as ile aynı işi yapar. Ancak .tsx dosyalarında JSX sözdizimiyle çakıştığı için kullanılamaz; bu durumda as tercih edilir.
let deger: any = 42;
const sayi = <number>deger;as ve açı parantez karşılaştırması
as ve <tür> işlevsel olarak eşdeğerdir; ikisi de derleme zamanında tür onaylar. Ancak as her dosya türünde güvenle kullanılabilirken, <tür> yalnızca .ts dosyalarında uygundur. Bu yüzden modern kod genellikle as kullanır.
Uygulama as ile sayıyı ikiyle çarp
deger değişkeni any türünde ve değeri 42. Açı parantez .tsx dosyalarında çalışmadığı için burada as sözdizimini kullanarak onu number olarak onayla, sayi değişkenine ata ve sayi * 2 sonucunu console.log ile yazdır.
Başlangıç kodu
// deger degiskenini sayisal turune cevir
// sayi degiskenine ata
// sayi * 2 sonucunu yazdir
const deger: any = 42;Örnek çözüm
const deger: any = 42;
const sayi = deger as number;
console.log(sayi * 2);Beklenen çıktı
84
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Açı parantez sözdizimi hangi dosyalarda sorun çıkarır?
- .ts ve .tsx dosyalarında
- .tsx dosyalarında JSX ile çakışır Doğru cevap
- Tüm dosya türlerinde çalışmaz
- Yalnızca .js dosyalarında
Açıklama: Açı parantez .ts dosyalarında çalışır ama .tsx dosyalarında JSX etiketleriyle çakıştığı için kullanılamaz.
2 Açı parantez ile number onayla
const deger: any = 42;
const sayi = <____>deger;
console.log(sayi + 8);const deger: any = 42;
const sayi = <number>deger;
console.log(sayi + 8);Açıklama: Açı parantez içine hedef türün adı yazılır; burada number.
3 Açı parantez kavramları
| Kavram | Anlamı |
|---|---|
<number> |
Açı parantezli onaylama |
.tsx |
Açı parantez sorunlu |
.ts |
Açı parantez çalışır |
as |
Evrensel alternatif |