TypeScript Tipler Nedir ve Nasıl Kullanılırız

TypeScript Tipler, bir değerin sahip olabileceği özellik ve metodları tanımlamak için kullanırız.

Mesela “Tasarım ve Yazılım” değerine baktığınızda, bu bir string değerdir. Bu değer string in sahip olduğu özellik ve metodlara sahiptir.

Örnek 1: length metodu string tiplerde karakter sayısını bize döndürür:

console.log("Tasarım ve Yazılım".length); 

Sonuç olarak bize 16 değeri döndürür. Burada boşluklar da bir karakterdir buna dikkat edelim.
Arkadaşlar burada diğer JavaScript string metodlarının hepsini kullanabiliriz. Ama bu yazımızda konumuz bu değil.

Yani bir değere tip tanımladığımızda o değerin hangi özelliklere sahip ve onun için hangi metodları kullanacağımızı biliriz.

TypeScript Tipler

Typescript’de her değerin bir tipi vardır. Değerin sahip olabileceği özellik ve metodları tanımlamak için kullanırız.
Compiler ile tipleri kodlarınızı analiz etmesini ve bize hataları bulması için kullanırız.

Primitive tipler

String: Metinsel veri türleri tanımlamak için kullanırız.

Örnek:

let name:string = "Tasarım ve Yazılım";

Number: Sayısal veri türleri tanımlamak için kullanırız. ES6 da olan ikili ve sekizli değerleri destekler.

Örnek:

let sayi1:number = 33;
let sayi2:number = 6.5;
let sayi3:number = 0a1b2c;

Boolean: true/false değerlerini tanımlamak için kullanırız.

Örnek:

let dogru: boolean =true;
let yanlis: boolean =false;

Null: null değer içeren değişkenleri tanımlamak için kullanırız.

Örnek:

let uyeler : null = null;

Undefined: undefined değer içeren değişkenleri tanımlamak için kullanırız.

Örnek:

let uyeler : undefined = undefined;

Object tipler

Object tipler fonksiyonlar, diziler, sınıflar vb. olarak tanımladığımız tiplerdir…

Array: Dizi tanımlamaları tanımlamak için kullanırız. İki farklı yöntem vardır.

Örnek 1:

let sayilar: number[] = [1,2,3,4,5];

Örnek 2 :

let meyveler: Array<string> = ["elma","armut","portakal"];

Tuple: Grup türleri bilinen ancak aynı olması gerekmeyen dizileri tanımlamak için kullanırız.

Örnek:

Nesneler: Nesne tipi tanımlamak için o nesneye değer atamak gibi benzer bir tanım yapıyoruz.

Örnek:

let user: {
   name: string;
   age: number
};

user = {
   name: 'John',
   age: 25
}; 

Fonksiyon Parametre ve Geri Dönüş Tipi

Fonsiyonların parametrelerine ve geri döndürülen değerlerine tip ataması yapabiliriz.

Örnek:

let welcome : (name: string) => string;
welcome = function (name: string) {
    return `Merhaba ${name}`;
};
console.log(welcome("mutlu"));

Bu örnekte fonksiyona sayısal bir değer verirsek hata alırız.

TypeScript Tip Çıkarımları

Eğer typescriptte ilk olarak değişkene tip belirlemez ve değer atarsak o değere göre tip çıkarımı yapar.
Yani tip ataması yapmadan bir değişkene sayısal bir değer verirseniz artık o değişken number tip sahibi olur.

Örnek 1:

let deger = 10;
deger = "Tasarım ve Yazılım"; // hata verir
deger = [1,2,3]; // hata verir

Artık değer değişkeni number bir tipdir. Bundan dolayı string veya başka bir tip de değer veremezsiniz.

Örnek 2 :

let deger ="Tasarım ve Yazılım";
deger = 33; // hata verir
deger = [1,2,3]; // hata verir

Artık deger değişkeni string bir tipdir. Bundan dolayı number veya başka bir tip de değer veremezsiniz. Bu durum tüm tipler geçerlidir.

Eğer siz tipinin değişken olan bir değeriniz varsa ilk olarak any veya hiç değer vermeden bir değişken oluşturursanız (any oluşturma ile aynı) daha sonra atayacağınız tüm değerleri kabul eder.

Örnek 3:

let deger: any= 10;
deger : "Tasarım ve Yazılım";
deger = [1,2,3];

Örnek 4:

let deger;
deger : "Tasarım ve Yazılım";
deger = [1,2,3];
deger = 10;

Yukarıdaki iki örnekte görüldüğü gibi eğer tip olarak any yaparsak atadığımız farklı tip deki değerlerden dolayı hata almıyoruz. Eğer tip i değişken bir değişkeniniz olacaksa bu yöntemi kullanırsınız.

Bu yazımızda typescript tipler konusunu anlattık. Daha ayrıntılı anlatmamız gereken bilgileri her konunun kendi içinde değineceğiz. Örneğin fonksiyonlardaki tip atamalarına fonksiyonlar konusunda ayrıntısına değineceğiz.

Başka bir yazımızda görüşmek üzere…