Fetch API türleri; Response.json() genelleri
Fetch API'yi doğru türlerle ve JSON yüklerini güvenle ayrıştırmak için Response.json () genelleriyle kullanın.
Fetch API türleri; Response.json() genelleri, CoddyKit'te ücretsiz bir TypeScript Academy dersidir. Bu, 2 dersinin 1. 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 2 dersten oluşur.
Giriş
Hedef: fetch ile API çağrıları yapın, yanıtları güvenli biçimde işleyin ve Response.json() ile genel türleri kullanın.
Temel fetch
fetch, bir Promise<Response> döndürür. Düz metin gövdeleri için res.text() kullanın.
async function getText() {
const res = await fetch("/hello.txt");
const text = await res.text();
console.log(text);
}res.json() varsayılanı
res.json() gövdeyi ayrıştırır ancak varsayılan dönüş türü any'dir. Derleme zamanında güvenlik sağlamaz.
async function getData() {
const res = await fetch("/data.json");
const data = await res.json();
console.log(data);
}res.json<T>()
res.json<T>() çağrısını bir arayüzle kullanın. TS, yalnızca User için geçerli alanları kullanmanızı denetler.
interface User { id: number; name: string }
async function getUser() {
const res = await fetch("/user.json");
const user = await res.json<User>();
console.log(user.id, user.name);
}Tür güvenliği
Genel türleri json<T> ile kullandığınızda TypeScript, bulunmayan alanlara erişmenizi engeller.
interface Product { id: number; price: number }
async function getProduct() {
const res = await fetch("/product.json");
const p = await res.json<Product>();
// console.log(p.unknown); // Error: unknown does not exist
}Dizi türleri
Genel türler dizilerle de çalışır; örneğin Todo[]. TS, her öğenin doğru yapıya sahip olmasını sağlar.
interface Todo { id: number; done: boolean }
async function getTodos() {
const res = await fetch("/todos.json");
const todos = await res.json<Todo[]>();
todos.forEach(t => console.log(t.id, t.done));
}json<T>() kontrolü
Hızlı kontrol: Bir tür bağımsız değişkeniyle kullanılan response.json<T>() ne gibi bir yarar sağlar?
Özet
Özet: fetch, Response döndürür. Varsayılan json() türü any'dir. Tür güvenliği için json<T> genel türlerini ekleyin.
Sıkça Sorulan Sorular
“Fetch API türleri; Response.json() genelleri” dersi ücretsiz mi?
Evet — “Fetch API türleri; Response.json() genelleri” 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 2 dersten oluşur.
“Fetch API türleri; Response.json() genelleri” dersinde ne öğreneceğim?
Fetch API'yi doğru türlerle ve JSON yüklerini güvenle ayrıştırmak için Response.json () genelleriyle kullanı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, 2 dersinin 1. dersidir.
“Fetch API türleri; Response.json() genelleri” 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
- Fetch API türleri; Response.json() genelleri
- zod ile çalışma zamanında doğrulama (giriş)