Pelajari penanganan kesalahan JavaScript lengkap seperti try...catch, konfirmasi error, dan event onerror beserta hasil demo.
Penanganan Kesalahan JavaScript Lengkap untuk Pemula
Pembukaan
Penanganan kesalahan (error handling) JavaScript digunakan untuk mengatasi error agar program tetap berjalan dengan aman. Error handling sangat penting dalam pengembangan website modern karena membantu mencegah crash pada dashboard monitoring, analytic camera system, server management, dan jaringan realtime.
Dalam sistem profesional seperti Haikal IT Support, error handling digunakan untuk:
Monitoring CCTV realtime
Validasi server
Sistem analytic camera
Dashboard jaringan
Pengamanan aplikasi web
Berikut penjelasan lengkap penanganan kesalahan JavaScript.
1. Pernyataan try...catch
try...catch digunakan untuk menangani error JavaScript.
Contoh Kode
try {
let data = server;
console.log(data);
}
catch(error) {
console.log("Terjadi Error");
}
Hasil Demo
Terjadi Error
Penjelasan
trymenjalankan kode.Jika error terjadi:
catchdijalankan.
Struktur Dasar try...catch
Contoh Kode
try {
// kode
}
catch(error) {
// penanganan error
}
Menampilkan Pesan Error
Contoh Kode
try {
let data = server;
}
catch(error) {
console.log(error.message);
}
Hasil Demo
server is not defined
Penjelasan
error.messagemenampilkan detail error.
2. try...catch dengan Kotak Konfirmasi
Error dapat ditampilkan menggunakan confirm().
Contoh Kode
<!DOCTYPE html>
<html>
<body>
<script>
try {
let camera = analytic;
}
catch(error) {
confirm("Terjadi Error: " + error.message);
}
</script>
</body>
</html>
Hasil Demo
Kotak konfirmasi muncul:
"Terjadi Error: analytic is not defined"
Penjelasan
confirm()menampilkan popup konfirmasi.
3. Event onerror
Event onerror digunakan untuk menangani error global.
Contoh Kode
<!DOCTYPE html>
<html>
<body>
<script>
window.onerror = function(message) {
console.log("Error Terdeteksi");
};
salahKode();
</script>
</body>
</html>
Hasil Demo
Error Terdeteksi
Penjelasan
window.onerrormenangkap semua error JavaScript.
Menampilkan Error di HTML
Contoh Kode
<!DOCTYPE html>
<html>
<body>
<h2 id="demo"></h2>
<script>
try {
let server = monitoring;
}
catch(error) {
document.getElementById("demo").innerHTML =
error.message;
}
</script>
</body>
</html>
Hasil Demo
monitoring is not defined
Menggunakan finally
finally selalu dijalankan meskipun ada error.
Contoh Kode
try {
console.log("Monitoring CCTV");
}
catch(error) {
console.log(error);
}
finally {
console.log("Proses Selesai");
}
Hasil Demo
Monitoring CCTV
Proses Selesai
Penjelasan
finallycocok untuk cleanup proses.
Penyebab Error JavaScript
Beberapa kesalahan umum:
Variabel belum dibuat
Salah nama function
Salah penulisan syntax
Typo property object
Data undefined
Cara Mengatasi Error JavaScript
1. Gunakan try...catch
Contoh Kode
try {
console.log(server);
}
catch(error) {
console.log("Server Error");
}
Hasil Demo
Server Error
2. Gunakan Console Browser
Buka:
F12 → Console
Untuk melihat detail error.
3. Gunakan typeof
Contoh Kode
if(typeof server !== "undefined") {
console.log(server);
}
Hasil Demo
Tidak muncul error
Contoh Kasus
Kasus:
Dashboard monitoring CCTV crash saat data analytic tidak tersedia.
Solusi:
Gunakan try...catch.
Contoh Kode
try {
console.log(analytic.data);
}
catch(error) {
console.log("Data Analytic Tidak Tersedia");
}
Hasil Demo
Data Analytic Tidak Tersedia
Tips Tambahan
Gunakan
try...catchuntuk API dan database.Gunakan
finallyuntuk cleanup.Gunakan
onerroruntuk monitoring global.Jangan biarkan error crash aplikasi.
Internal Link
Artikel terkait di Haikal IT Support:
Persyaratan JavaScript
Fungsi JavaScript
Boolean JavaScript
Variabel JavaScript
Dasar JavaScript
Kesimpulan
Penanganan kesalahan JavaScript digunakan untuk menjaga aplikasi tetap stabil ketika terjadi error. JavaScript menyediakan fitur seperti try...catch, finally, dan window.onerror untuk menangani error dengan aman.
Pemahaman error handling sangat penting dalam pengembangan dashboard monitoring CCTV, analytic camera system, server management, dan network system profesional di Haikal IT Support.
