Hata Sınırları (Kavramsal) — Çatı Olmadan
Düz JS ile küçük hata sınırları oluşturun: riskli kod çevresinde try/catch, sarmalayıcı yardımcılar, eşzamansız try/catch, geri dönüş değerleri ve asgari günlükleme.
Hata Sınırları (Kavramsal) — Çatı Olmadan, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 3 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, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 3 dersten oluşur.
Genel bakış
Amaç: Tek bir hatanın tüm ekranı bozmasını önleyin.
- Riskli noktaların çevresinde try/catch kullanın
- Küçük bir runSafe yardımcı işlevi ekleyin
- Eşzamansız işlemleri de try/catch ile ele alın
- Geri dönüş değerleri döndürün ve kısaca kayıt tutun
Yerel sınır: ayrıştırma
Yalnızca riskli adımı (JSON.parse) sarın. Başarısızlık durumunda basit bir geri dönüş nesnesi döndürün.
// Try/catch boundary: parse user JSON with a fallback
function safeParseUser(json) {
try {
const obj = JSON.parse(json);
// minimal validation
if (!obj || typeof obj.name !== "string") {
return { name: "Guest" };
}
return { name: obj.name };
} catch (err) {
// fallback on parse error
return { name: "Guest" };
}
}
console.log("ok:", safeParseUser("{\"name\":\"Ayla\"}"));
console.log("bad:", safeParseUser("{oops}"));
runSafe yardımcı işlevi
Küçük bir yardımcı işlev oluşturun ve yeniden kullanın. Kayıtları kısa tutun; gizli bilgileri açığa çıkarmaktan kaçının.
// A tiny boundary helper for sync functions
function runSafe(fn, fallback) {
try {
return fn();
} catch (e) {
// log minimal info for beginners
console.log("error:", String(e));
return fallback;
}
}
// Use it
const resultOk = runSafe(function () {
return 2 + 2;
}, 0);
const resultFail = runSafe(function () {
// simulate crash
throw new Error("boom");
}, 0);
console.log("ok:", resultOk, "fail:", resultFail);
Eşzamansız işlem sınırı
Eşzamansız işler için await çevresinde try/catch kullanın ve bir geri dönüş metni ya da değeri döndürün.
// Async boundary: try/catch inside an async function
async function fetchNameFake(id) {
// simulate failure for odd ids
if (id % 2 === 1) {
throw new Error("not found");
}
return "Ayla";
}
async function loadName(id) {
try {
const name = await fetchNameFake(id);
return name;
} catch (e) {
console.log("async error:", String(e));
return "Guest";
}
}
(async function () {
console.log("even:", await loadName(2));
console.log("odd :", await loadName(3));
})();
Riski yalıtın
Tüm uygulamayı sarmalamayın. Riskli adımı yalıtın; böylece bir hata her şeyi engellemez.
// Boundary only around the risky step, rest continues
function renderCard(userJson) {
// boundary: parse
const user = safeParseUser(userJson);
// rest of rendering can continue with fallback
return "Hello " + user.name;
}
console.log(renderCard("{\"name\":\"Lina\"}"));
console.log(renderCard("{broken}")); // still renders with fallback
Sınır alışkanlıkları
Kontrol listesi:
- Riskli çağrıların çevresine küçük try/catch blokları yerleştirin.
- Küçük bir geri dönüş değeri döndürün.
- Kısaca kayıt tutun (gizli bilgi içermesin).
- Eşzamansız çağrılar için de aynı deseni tekrarlayın.
Hata sınırı temelleri sınavı
Hızlı kontrol: Yalın JS hata sınırı.
Özet
Özet: Riskli kodun çevresine yerel try/catch ekleyin, bir runSafe yardımcı işlevi kullanın, eşzamansız işlemleri try/catch ile ele alın ve ekranın çalışmayı sürdürmesi için geri dönüş değerleri sağlayın.
Sıkça Sorulan Sorular
“Hata Sınırları (Kavramsal) — Çatı Olmadan” dersi ücretsiz mi?
Evet — “Hata Sınırları (Kavramsal) — Çatı Olmadan” 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 JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 3 dersten oluşur.
“Hata Sınırları (Kavramsal) — Çatı Olmadan” dersinde ne öğreneceğim?
Düz JS ile küçük hata sınırları oluşturun: riskli kod çevresinde try/catch, sarmalayıcı yardımcılar, eşzamansız try/catch, geri dönüş değerleri ve asgari günlükleme. JavaScript 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.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript 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, 3 dersinin 3. dersidir.
“Hata Sınırları (Kavramsal) — Çatı Olmadan” 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 JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript 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
- Girdi Doğrulama, Kaçış Temelleri
- Güvenli Nesne Birleştirme; Dondurma ve Mühürleme
- Hata Sınırları (Kavramsal) — Çatı Olmadan