TypeScript Academy · Ders

Uygulamalı satisfies Kalıpları

satisfies'i yapılandırma nesnelerine ve arama tablolarına uygulayın.

Uygulamalı satisfies Kalıpları, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 4 dersinin 4. 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.

Renk Paletini Doğrulamak

Yaygın bir desen, palet için satisfies Record<string, Color> kullanmaktır: her değerin geçerli bir renk olduğu denetlenirken anahtarlar otomatik tamamlama için exact kalır.

type Color = "red" | "green" | "blue";
const palette = {
  primary: "blue",
  secondary: "green"
} satisfies Record<string, Color>;
console.log(palette.primary);

Geçersiz Palet Değerlerini Yakalamak

Bir değer geçerli bir Color değilse satisfies hata verir; anahtarlar ise kesin türleriyle kalır.

type Color = "red" | "green" | "blue";
// const bad = { primary: "purple" } satisfies Record<string, Color>; // Error
const ok = { primary: "red" } satisfies Record<string, Color>;
console.log(ok.primary);

Anahtar Otomatik Tamamlamasını Korumak

Çıkarılan anahtarlar "primary" | "secondary" olduğundan düzenleyiciniz bunları otomatik tamamlar. Düz bir Record tür belirtiminde ise belirli anahtarlar kaybolur.

type Color = "red" | "green" | "blue";
const palette = { primary: "red", accent: "blue" } satisfies Record<string, Color>;
// palette.<autocomplete: primary, accent>
console.log(palette.accent);

Rota Eşlemesini Doğrulamak

Rota eşlemeleri de bundan yararlanır: değerler bir işleyici şekliyle eşleşmeli, rota adları ise gezinme yardımcıları için bilinir kalmalıdır.

type Route = { method: "GET" | "POST"; path: string };
const routes = {
  home: { method: "GET", path: "/" },
  login: { method: "POST", path: "/login" }
} satisfies Record<string, Route>;
console.log(routes.login.method);

Eşlemeyi İndekslemek

Anahtarlar korunduğunda geçerli rota adlarının bir türünü oluşturabilir ve eşleme türünü tür güvenli bir şekilde indeksleyebilirsiniz.

type Route = { method: string; path: string };
const routes = {
  home: { method: "GET", path: "/" },
  about: { method: "GET", path: "/about" }
} satisfies Record<string, Route>;
type RouteName = keyof typeof routes; // "home" | "about"
const pick: RouteName = "about";
console.log(routes[pick].path);

Karışık Değerlere Sahip Türlendirilmiş Config

satisfies, değerlerin farklı şekillere sahip olduğu durumlarda da çalışır. Bir birleşim türüyle kısıtlayın; her değer bu birleşime göre doğrulanır.

type Setting = number | boolean | string;
const config = {
  retries: 3,
  verbose: true,
  region: "eu"
} satisfies Record<string, Setting>;
console.log(config.retries, config.verbose);

Sıralama Benzeri Arama Tabloları

Bir değer türüne göre doğrulanmış, her girdisi daha sonra kullanılmak üzere exact kalan bir arama tablosu oluşturun.

type Status = "active" | "inactive";
const userStatus = {
  alice: "active",
  bob: "inactive"
} satisfies Record<string, Status>;
const s: "active" = userStatus.alice;
console.log(s);

as const ile Birlikte Kullanmak

Derinlemesine değişmez ve doğrulanmış veriler için as const ile satisfies ifadelerini birleştirin: as const veriyi dondurur, satisfies ise denetler.

type Color = "red" | "blue";
const theme = {
  primary: "red",
  secondary: "blue"
} as const satisfies Record<string, Color>;
console.log(theme.primary);

Sayısal Aralıkları Türle Doğrulamak

Değerleri, sabit seçenek kümelerini modellemek için sayısal değişmez değerler birleşimiyle kısıtlayabilirsiniz; bu değerler tanımlama sırasında doğrulanır.

type Level = 1 | 2 | 3;
const levels = {
  easy: 1,
  medium: 2,
  hard: 3
} satisfies Record<string, Level>;
console.log(levels.hard);

Bir Özellik Bayrağı Eşlemesi

Pratik bir özellik bayrağı config'i: anahtarlar otomatik tamamladığınız bayrak adlarıdır, değerler ise satisfies tarafından doğrulanan boolean değerleridir.

const flags = {
  newDashboard: true,
  betaSearch: false
} satisfies Record<string, boolean>;
type Flag = keyof typeof flags;
const f: Flag = "betaSearch";
console.log(flags[f]);

Bu Desen Neden Kazanır

Renk paletleri, rotalar ve bayraklar genelinde satisfies Record<...>, doğrulanmış değerlerin yanı sıra kesin anahtarlar ve değişmez değerler sunar; bu da türlendirilmiş yapılandırma için günlük kullanımda en uygun noktadır.

type Color = "red" | "green" | "blue";
const ui = { brand: "green", warn: "red" } satisfies Record<string, Color>;
console.log(Object.keys(ui).join(","));

Kısa Kontrol: Pratik satisfies

Pratik satisfies desenlerini anlayıp anlamadığınızı sınayın.

Özet: Pratik satisfies Desenleri

satisfies Record<string, Color> ifadesini renk paletlerine, rota eşlemelerine, bayraklara ve arama tablolarına uyguladınız. Böylece her değeri doğrularken otomatik tamamlama için exact anahtarları ve değişmez değerleri korudunuz.

type Color = "red" | "blue";
const theme = { bg: "blue", fg: "red" } satisfies Record<string, Color>;
console.log(theme.bg, theme.fg);

Sıkça Sorulan Sorular

“Uygulamalı satisfies Kalıpları” dersi ücretsiz mi?

Evet — “Uygulamalı satisfies Kalıpları” 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.

“Uygulamalı satisfies Kalıpları” dersinde ne öğreneceğim?

satisfies'i yapılandırma nesnelerine ve arama tablolarına uygulayın. 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 4. dersidir.

“Uygulamalı satisfies Kalıpları” 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