CodeBlanks Logo Icon CodeBlanks

Optional ve default params

İsteğe bağlı ve varsayılan parametreleri öğrenirsin.

Optional parameters

Parametreleri isteğe bağlı yapmak için adından sonra ? koyarsın. İsteğe bağlı parametreler zorunlu olanlardan sonra gelmelidir. Atlandığında değeri undefined olur.

function selam(isim: string, unvan?: string): string {
  return (unvan || "") + " " + isim;
}

? ile parametre atlanabilir hale gelir.

Default parameters

Bir parametreye varsayılan değer vermek için = değer yazarsın. Argüman atlanırsa veya undefined verilirse varsayılan değer kullanılır. Varsayılan parametreler otomatik olarak isteğe bağlıdır.

function selam(isim: string, unvan: string = "Bay"): string {
  return unvan + " " + isim;
}
selam("Ali");  // "Bay Ali"

Varsayılan değer, parametreyi atlanabilir yapar.

Uygulama Varsayılan parametreli fonksiyon

selam adında bir fonksiyon tanımla; isim: string ve unvan: string = "Bay" parametreleri, dönüş türü string olsun. Fonksiyon unvan + " " + isim değerini döndürsün. selam("Ali") çağrısının sonucunu console.log ile yazdır.

Başlangıç kodu

index.ts
// selam adında bir fonksiyon tanımla
// isim zorunlu dize, unvan varsayılan "Bay" ile dize olsun
// dönüş türü string, unvan + " " + isim döndürsün
// selam("Ali") sonucunu yazdır

Örnek çözüm

index.ts
function selam(isim: string, unvan: string = "Bay"): string {
    return unvan + " " + isim;
}
console.log(selam("Ali"));

Beklenen çıktı

Bay Ali

Soru ve cevaplar

Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.

1 <code>function selam(isim: string, unvan?: string)</code> tanımında <code>selam("Ali")</code> çağrısı yapılırsa <code>unvan</code>'ın değeri ne olur?

  • unvan undefined olur Doğru cevap
  • Fonksiyon isim'i yok sayar
  • Derleme hatası verir (eksik parametre)
  • unvan null olur

Açıklama: İsteğe bağlı parametre atlandığında değeri <code>undefined</code> olur; derleme hatası vermez çünkü <code>?</code> ile isteğe bağlı işaretlenmiştir.

2 Varsayılan değeri ekle

Soru
function selam(isim: string, unvan = ____): string { return unvan + " " + isim; }
Cevap
function selam(isim: string, unvan = "Bay"): string { return unvan + " " + isim; }

Açıklama: Varsayılan unvan <code>"Bay"</code> olmalıdır; <code>"Bayan"</code> ve <code>"Hanim"</code> yanlış unvan, <code>"5"</code> ise sayı içeriği yanlış değer.

3 Optional ve default parametre kavramları

Kavram Anlamı
unvan?: string İsteğe bağlı parametre
unvan: string = "Bay" Varsayılan değerli parametre
? (parametre adından sonra) Parametreyi isteğe bağlı yapar
= "değer" Parametreye varsayılan değer verir

Başlangıç bölümündeki tüm dersler