Özet: Bu bölümde TypeScript tiplerini ve kullanım amaçlarını öğreneceksiniz.
TypeScript'de tip, bir değerin sahip olduğu farklı özellik ve metodlara başvurmanın doğru bir yoludur.
Değer, bir değişkene atanabilen herhangi bir şey olabilir. Örn: number, string, array, object, function.
Örneğe bakalım:
'Hello'Değere baktığınızda, bunun bir string olduğunu söyleyebilirsiniz. Ve bu değer string in sahip olduğu özellik ve metodlara sahiptir.
Örneğin, Hello değeri karakter uzunluğunu döndüren length özelliğine sahiptir.
console.log('Hello'.length); // 5Aynı zamanda match(), indexOf() ve toLocaleUpperCase() gibi bir çok metoda da sahiptir.
console.log('Hello'.toLocaleUpperCase()); // HELLO Eğer Hello değerine bakarak aldığı özellik ve metodlara göre tahmin etmeye çalışırsanız bu doğru bir yöntem olmayacaktır.
Bir değerin neyi temsil ettiğini anlamanın en kısa yolu ona bir tip tanımlamaktır. Bu örnekte Hello string'dir. O halde hangi özellik ve metodları kullanacağını da biliyorsun.
Özetle, TypeScript'de:
- Tip, bir değerin sahip olabileceği özellik ve metodları tanımlayan bir tanımdır
- Her değerin bir tipi vardır.
TypeScript, JavaScript'de olan tipleri miras alır. TypeScript tipleri şu şekilde kategorize edilir:
- Primitive tipler (İlkel)
- Object tipler (Nesne, Obje)
| Ad | Açıklama |
|---|---|
| string | Yazılar |
| number | Sayısal değerler |
| boolean | true ya da false değerleri |
| null | null değeri |
| undefined | undefined değeri - varsayılan olarak tanımlanan değişene değer atanmaz ise değeri undefined olur |
| symbol | Benzersiz bir sabit değer |
Object tipleri fonksiyonlar, diziler, sınıflar vb. olabilir. Daha sonra, özel object tipleri oluşturmayı öğreneceğiz.
İki ana amaç vardır:
- Tipler, kodlarınızı analiz edip hatalarını bulmak için TypeScript Compiler tarafından kullanılır
- Tipler, atanan değerlerin değişkenlerle olan ilişkisini daha kolay anlamanızı sağlar.
Aşağıdaki örnek h1 etiketini seçmek için querySelector() metodunu kullanıyor.
const heading = document.querySelector('h1');TypeScript compiler'ı heading değişkeninin bir HTMLHeadingElement tipinde olduğunu biliyor.
Ve HTMLHeadingElement tipine ait kullanabileceği özellik ve metodları listeliyor.
Eğer olmayan bir özellik ya da metoda erişmeye çalışırsanız, TypeScript compiler'ı hatayı gösterceektir.
- Typescript'de her değerin bir tipi vardır.
- Tip, bir değerin sahip olabileceği özellik ve metodları tanımlayan bir tanımdır
- TypeScript Compiler, tipleri kodlarınızı analiz etmek ve hataları bulmak için kullanır.