TypeScript Academy · Ders

İsteğe Bağlı ve Varsayılan Parametreler

Eksik bağımsız değişkenleri ? ve varsayılan değerlerle yönetin

İsteğe Bağlı ve Varsayılan Parametreler, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 2. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, TypeScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. TypeScript Academy kursu toplamda 4 dersten oluşur.

Hoş Geldiniz

TypeScript, işlev parametrelerini `?` ile isteğe bağlı olarak işaretlemenize veya onlara varsayılan değerler vermenize olanak tanır. Bu, tür güvenliğini korurken API'leri esnek hâle getirir.

? ile İsteğe Bağlı Parametreler

Bir parametreyi isteğe bağlı hâle getirmek için parametre adından sonra `?` ekleyin. İşlevin içinde parametre türü T | undefined olur.

function greet(name: string, greeting?: string): string {
  return (greeting ?? 'Hello') + ', ' + name;
}

Varsayılan Parametre Değerleri

`=` ile bir varsayılan değer atayın. TypeScript türü varsayılan değerden çıkarır ve parametre çağrı noktasında isteğe bağlı hâle gelir.

function greet(name: string, greeting: string = 'Hello'): string {
  return greeting + ', ' + name;
}
greet('Alice');         // 'Hello, Alice'
greet('Bob', 'Hi');    // 'Hi, Bob'

İsteğe Bağlı ve Varsayılan Parametreler

İsteğe bağlı `?`, parametre atlandığında undefined verir. Varsayılan değerler undefined değerini bir geri dönüş değeriyle değiştirir. Her ikisi de parametreyi çağrı noktasında zorunlu olmaktan çıkarır.

function opt(x?: number) { return x; }     // x: number | undefined
function def(x: number = 0) { return x; }  // x: number

Yerleştirme Kuralları

İsteğe bağlı ve varsayılan parametreler, işlev imzasında zorunlu parametrelerden sonra gelmelidir.

// Correct order
function create(name: string, role: string = 'user', active?: boolean) {}

// Error: required after optional
// function bad(x?: string, y: string) {}

undefined Değerini Açıkça Geçirme

Varsayılan değeri tetiklemek için varsayılan değere sahip bir parametreye `undefined` geçirebilirsiniz.

function log(msg: string, level: string = 'info') { console.log(level, msg); }
log('test', undefined); // level is 'info'

İsteğe Bağlı Parametreler ve Aşırı Yüklemeler

Bazen isteğe bağlı parametreler yerine aşırı yüklemeleri kullanmak daha açıktır; özellikle de işlevin davranışı parametrenin varlığına göre önemli ölçüde değişiyorsa.

Varsayılan Nesne Parametreleri

Her özellik için varsayılan değerler kullanarak bir nesne parametresinin özelliklerini ayrıştırabilirsiniz.

function connect({ host = 'localhost', port = 5432 } = {}) {
  return `${host}:${port}`;
}

Varsayılan Dizi Parametreleri

Varsayılan dizi parametreleri de aynı şekilde çalışır. undefined denetimlerinden kaçınmak için varsayılan olarak boş bir dizi sağlayın.

function joinAll(parts: string[], sep: string = ', '): string {
  return parts.join(sep);
}

Çağrı Noktalarında İsteğe Bağlı Zincirleme

İşlev başvurusunun kendisi isteğe bağlıysa yalnızca mevcut olduğunda çağırmak için isteğe bağlı zincirleme `?.()` kullanın.

interface Config { onReady?: () => void; }
function init(config: Config) {
  config.onReady?.();
}

İşlev İçinde İsteğe Bağlı Parametrelerin Türü

İşlevin içinde isteğe bağlı bir `x?: T` parametresi `T | undefined` türüne sahiptir. Bunu T olarak kullanmadan önce türünü daraltmanız gerekir.

function process(id?: number) {
  if (id === undefined) return;
  console.log(id * 2); // id is number here
}

Hızlı Kontrol

İşlev gövdesinde `count?: number` olarak bildirilen bir parametrenin türü nedir?

Özet

İsteğe bağlı parametreler için `?`, varsayılanlar için `= value` kullanın. İsteğe bağlı parametreler işlevin içinde T | undefined türündedir. Varsayılanlar undefined değerini otomatik olarak değiştirir. Her ikisi de zorunlu parametrelerden sonra gelmelidir.

Sıkça Sorulan Sorular

“İsteğe Bağlı ve Varsayılan Parametreler” dersi ücretsiz mi?

Evet — “İsteğe Bağlı ve Varsayılan Parametreler” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve TypeScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. TypeScript Academy kursu toplamda 4 dersten oluşur.

“İsteğe Bağlı ve Varsayılan Parametreler” dersinde ne öğreneceğim?

Eksik bağımsız değişkenleri ? ve varsayılan değerlerle yönetin TypeScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

TypeScript Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te TypeScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 2. dersidir.

“İsteğe Bağlı ve Varsayılan Parametreler” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu TypeScript Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her TypeScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

← TypeScript Academy Sayfasına Dön