Batas Galat (Konseptual) tanpa Kerangka Kerja
Buat batas galat kecil dalam JS murni: try/catch di sekitar kode berisiko, pembantu pembungkus, try/catch async, nilai cadangan, dan pencatatan minimal
Batas Galat (Konseptual) tanpa Kerangka Kerja adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 3. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar JavaScript Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus JavaScript Academy mencakup 3 pelajaran total.
Gambaran besar
Tujuan: Cegah satu kegagalan merusak seluruh layar.
- Gunakan try/catch di sekitar bagian yang berisiko
- Tambahkan pembantu runSafe kecil
- Tangani pekerjaan asinkron dengan try/catch juga
- Kembalikan nilai cadangan dan buat catatan singkat
Batas lokal: penguraian
Bungkus hanya langkah yang berisiko (JSON.parse). Kembalikan objek cadangan sederhana saat terjadi kegagalan.
// 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}"));
Pembantu runSafe
Buat pembantu kecil dan gunakan kembali. Buat catatan singkat; jangan sampai rahasia bocor.
// 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);
Batas asinkron
Untuk pekerjaan asinkron, gunakan try/catch di sekitar await dan kembalikan string atau nilai cadangan.
// 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));
})();
Pisahkan risiko
Jangan membungkus seluruh aplikasi. Pisahkan langkah yang berisiko agar kegagalan tidak menghentikan semuanya.
// 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
Kebiasaan di batas
Daftar periksa:
- Tempatkan try/catch kecil di sekitar pemanggilan yang berisiko.
- Kembalikan nilai cadangan yang kecil.
- Buat catatan singkat tanpa rahasia.
- Ulangi pola ini untuk pemanggilan asinkron.
Kuis dasar batas kesalahan
Pemeriksaan singkat: Batas kesalahan JavaScript biasa.
Ringkasan
Ringkasan: Tambahkan try/catch lokal di sekitar kode yang berisiko, gunakan pembantu runSafe, tangani pekerjaan asinkron dengan try/catch, dan sediakan nilai cadangan agar layar tetap berfungsi.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Batas Galat (Konseptual) tanpa Kerangka Kerja” gratis?
Ya — teks lengkap “Batas Galat (Konseptual) tanpa Kerangka Kerja” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus JavaScript Academy, upgrade ke CoddyKit PRO. Kursus JavaScript Academy mencakup 3 pelajaran total.
Apa yang akan aku pelajari di “Batas Galat (Konseptual) tanpa Kerangka Kerja”?
Buat batas galat kecil dalam JS murni: try/catch di sekitar kode berisiko, pembantu pembungkus, try/catch async, nilai cadangan, dan pencatatan minimal Kamu berlatih JavaScript Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai JavaScript Academy?
Tidak diperlukan pengalaman sebelumnya. JavaScript Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 3.
Berapa lama pelajaran “Batas Galat (Konseptual) tanpa Kerangka Kerja” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran JavaScript Academy ini?
Ya. Setiap pelajaran JavaScript Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Validasi Masukan, Dasar-Dasar Escape
- Penggabungan Objek yang Aman; Pembekuan dan Penyegelan
- Batas Galat (Konseptual) tanpa Kerangka Kerja