TypeScript Academy · Ders

satisfies ve as İddiası

satisfies'in as ile dönüştürme yapmaktan neden daha güvenli olduğunu öğrenin.

satisfies ve as İddiası, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 3. 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.

as Ne Yapar

as iddiası derleyiciye bir tür konusunda size güvenmesini söyler. Değerin gerçekten uyup uymadığını denetlemez; yalnızca çıkarılan türü geçersiz kılar.

const value = { color: "red" } as { color: string; size: number };
// No error even though size is missing!
console.log(value.color);

as Güvenliği Atlar

as doğrulamayı atladığı için gerçek hataları gizleyebilir. Yukarıdaki nesnede size eksik olmasına rağmen TypeScript sessiz kalır.

type Config = { color: string; size: number };
const broken = { color: "red" } as Config;
// broken.size is typed number but is actually undefined at runtime
console.log(broken.size); // undefined

satisfies Bunun Yerine Doğrular

as yerine satisfies kullanmak, nesnenin gerçekten türle eşleşmesi gerektiğinden bu sessiz hatayı açık bir derleme hatasına dönüştürür.

type Config = { color: string; size: number };
// const c = { color: "red" } satisfies Config; // Error: size missing
const c = { color: "red", size: 10 } satisfies Config;
console.log(c.size);

as Yanlış Türleri Zorlayabilir

Çift tür iddiasıyla tamamen uyumsuz türleri bile ileri sürebilirsiniz; bu tehlikelidir ve nadiren yapılmalıdır.

const n = "hello" as unknown as number;
// n is typed number but is actually a string
console.log(typeof n); // "string"

satisfies Değerler Hakkında Asla Yanıltmaz

as operatörünün aksine satisfies, uyumsuz bir türü ileri sürmek için kullanılamaz. Yalnızca değerin zaten uyduğunu doğrular.

// const x = "hello" satisfies number; // Error: string not assignable to number
const y = 42 satisfies number;
console.log(y);

as Fazla Özellik Denetimlerini Kaybettirir

as ile fazladan veya yanlış yazılmış anahtarlar gözden kaçar. satisfies bunları yine flags ederek yazım hatalarını yakalar.

type Config = { mode: string };
const withAs = { mdoe: "dark" } as Config;   // typo passes silently
// const withSat = { mdoe: "dark" } satisfies Config; // Error: mdoe
console.log(JSON.stringify(withAs));

as Ne Zaman Gerçekten Gerekli Olur

as operatörünün, çalışma zamanında yapılan bir denetimden sonra unknown türünü daraltmak veya DOM ile çalışmak gibi geçerli kullanım alanları vardır. Ancak config nesneleri için satisfies kullanmayı tercih edin.

const data: unknown = JSON.parse("{ }");
// After your own runtime validation, as can express the result.
const obj = data as Record<string, unknown>;
console.log(typeof obj);

Yapılandırmada satisfies Tercihi

Yapılandırma, rota eşlemeleri ve renk paletleri için satisfies doğrulama ile kesin çıkarımı birlikte sunar. as ise ne doğrulama yapar ne de güvence verir.

type Palette = Record<string, string>;
const safe = { primary: "blue", accent: "gold" } satisfies Palette;
console.log(safe.primary);

as const Farklıdır

as const ifadesini bir tür iddiasıyla karıştırmayın. as const değerleri değişmez değerlere daraltır ve öğeleri salt okunur yapar; güvenlidir ve çoğu zaman satisfies ile birlikte kullanılır.

type Nums = readonly number[];
const xs = [1, 2, 3] as const satisfies Nums;
console.log(xs[0]);

Risk Özeti

as: derleyiciyi geçersiz kılar, denetim yapmaz ve hataları gizleyebilir. satisfies: derleyiciyle iş birliği yapar, tam denetim uygular ve çıkarımı korur. Varsayılan olarak satisfies seçin.

type Config = { level: number };
// const risky = {} as Config; // compiles, level is undefined
const safe = { level: 1 } satisfies Config;
console.log(safe.level);

as İfadesini satisfies ile Yeniden Düzenleme

İyi bir alışkanlık: denetiminizdeki bir değişmez değerde as SomeObjectType gördüğünüzde bunu satisfies ile değiştirmeyi deneyin ve ortaya çıkan hataları düzeltin.

type Config = { url: string; retries: number };
// Before: const c = { url: "/api" } as Config;
const c = { url: "/api", retries: 3 } satisfies Config;
console.log(c.url, c.retries);

Kısa Kontrol: satisfies ve as

satisfies ile as arasındaki farkı anlayıp anlamadığınızı sınayın.

Özet: satisfies ve as İddiası

as ifadesinin denetimleri atlayıp hataları gizleyebildiğini, satisfies ifadesinin ise değeri doğrulayıp kesin çıkarımı koruduğunu öğrendiniz. Denetiminizdeki config nesneleri için satisfies kullanmayı tercih edin.

type Config = { color: string; size: number };
const c = { color: "red", size: 10 } satisfies Config;
console.log(c.color, c.size);

Sıkça Sorulan Sorular

“satisfies ve as İddiası” dersi ücretsiz mi?

Evet — “satisfies ve as İddiası” 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.

“satisfies ve as İddiası” dersinde ne öğreneceğim?

satisfies'in as ile dönüştürme yapmaktan neden daha güvenli olduğunu öğrenin. 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 3. dersidir.

“satisfies ve as İddiası” 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