Değişmez Türler

Bir sonraki derse hoş geldiniz! Bu derste, değişkenler için tam ve belirli değerler tanımlamanıza olanak tanıyan bir TypeScript özelliği olan değişmez türleri öğreneceksiniz. Bu, kodunuzu daha öngörülebilir ve tür açısından güvenli hâle getirir. Haydi başlayalım!

Değişmez Türler Nedir?

TypeScript'teki değişmez türler, bir değişkenin yalnızca dize veya sayı gibi genel bir türü değil, belirli bir değeri tutmasına olanak tanır. Örneğin, bir değişkeni yalnızca "yes" veya "no" değerlerini tutacak şekilde kısıtlayabilirsiniz.

Örnek:

Görev: Değişmez türüne sahip bir değişken bildirin ve bu değişkene geçerli ve geçersiz değerler atayın.

let answer: "yes" | "no";
answer = "yes"; 
// Valid
// answer = "maybe"; 
// Error: Type '"maybe"' is not assignable to type '"yes" | "no"'.

Dizelerle Değişmez Türler

Dize değişmez türleri, bir değişkeni belirli bir dize değerleri kümesiyle sınırlar. Örnek:

Görev: Yönler için bir tür oluşturun ve bir değişkene değerler atayın.

type Direction = "up" | "down" | "left" | "right";

let move: Direction;
move = "up"; // Valid
// move = "forward"; 
// Error: Type '"forward"' is not assignable to type '"up" | "down" | "left" | "right"'.

Sayılarla Değişmez Türler

Bir değişkeni belirli sayısal değerlerle sınırlamak için değişmez türlerini sayılarla da kullanabilirsiniz. Örnek:

Görev: Zar atışları için sayısal bir değişmez türü tanımlayın ve bunu sınayın.

type DiceRoll = 1 | 2 | 3 | 4 | 5 | 6;

let roll: DiceRoll;
roll = 4; // Valid
// roll = 7; 
// Error: Type '7' is not assignable to type '1 | 2 | 3 | 4 | 5 | 6'.

İşlevlerde Değişmez Türler

Yalnızca belirli değerlere izin vermek için işlev parametrelerinde değişmez türlerini kullanabilirsiniz. Örnek:

Görev: Parametresinde değişmez türleri kullanan bir işlev yazın.

function setStatus(status: "active" | "inactive"): void {
  console.log(`The status is now ${status}`);
}

setStatus("active"); 
// Output: The status is now active
// setStatus("pending"); 
// Error: Type '"pending"' is not assignable to type '"active" | "inactive"'.

Değişmez Türler ve Tür Takma Adları

Değişmez türlerini yeniden kullanmak için bunları tür takma adları olarak tanımlayabilirsiniz. Örnek:

Görev: Trafik ışığı renkleri için bir tür takma adı oluşturun ve bunu bir değişkende kullanın.

type TrafficLight = "red" | "yellow" | "green";

let light: TrafficLight = "red";
console.log(light);
 // Output: red

Nesnelerle Değişmez Türleri Kullanma

Belirli özelliklerin değerlerini sınırlamak için nesnelerin içinde değişmez türlerini kullanabilirsiniz. Örnek:

Görev: Bir özelliğinde değişmez türleri kullanan bir nesne türü oluşturun.

type Button = {
  label: string;
  size: "small" | "medium" | "large";
};

let submitButton: Button = {
  label: "Submit",
  size: "medium",
};

console.log(submitButton);

Yaygın Hatalar

Değişmez türlerini kullanırken yapılan yaygın hatalardan bazıları şunlardır:

• Bir değişmez türünü değiştirirken izin verilen tüm değerleri güncellemeyi unutmak.
• Değişmez türüne dahil olmayan değerler atamak (TypeScript bunu yakalar).
• Esnekliğin daha önemli olduğu, son derece dinamik veriler için değişmez türlerini kullanmak.

İpucu: Değişmez türlerini kontrollü ve öngörülebilir senaryolar için kullanın!

Harika İş Çıkardınız!

Tebrikler! TypeScript'te kesin ve kısıtlı değerler tanımlamak için değişmez türlerini nasıl kullanacağınızı öğrendiniz. Değişmez türleri, özellikle öngörülebilir ve tür açısından güvenli kod oluşturmak için kullanışlıdır. Bir sonraki derste, TypeScript'in işlevlerle çalışmayı destekleme biçimini inceleyeceğiz. Kod yazmaya devam edelim!