Javascript Dasar #10: Error Handling

Halo, teman-teman! Di tutorial kali ini, kita akan membahas tentang Error Handling dan Debugging di JavaScript. Dua hal ini sangat penting dalam pengembangan aplikasi untuk membuat kode yang lebih stabil dan mudah di-maintain. Dengan teknik yang tepat, kita bisa menangani error dengan baik dan menemukan masalah di kode dengan lebih cepat.

Apa Itu Error Handling?

Error Handling adalah cara kita menangani situasi ketika sesuatu yang tidak diinginkan terjadi selama eksekusi program, seperti mencoba mengakses properti dari nilai undefined, atau melakukan operasi matematika dengan nilai yang salah. JavaScript menyediakan beberapa mekanisme untuk menangani error ini agar aplikasi kita tetap berjalan dengan lancar.

Blok Try, Catch, dan Finally

JavaScript menyediakan blok try...catch untuk menangani error. Blok try digunakan untuk mengeksekusi kode yang mungkin menyebabkan error, sementara blok catch digunakan untuk menangani error tersebut jika terjadi. Blok finally digunakan untuk mengeksekusi kode yang harus dijalankan setelah kode di dalam blok try selesai, baik terjadi error atau tidak.

try {
  let result = 10 / 0; // Ini akan menghasilkan error
  console.log(result);
} catch (error) {
  console.log("Terjadi error: " + error.message);
} finally {
  console.log("Kode ini selalu dijalankan.");
}

• try: Tempat kita menulis kode yang mungkin menyebabkan error.
• catch: Menangani error yang terjadi dan bisa menampilkan pesan error.
• finally: Bagian ini akan selalu dijalankan setelah kode di dalam try dan catch, baik terjadi error atau tidak.

Membuat Error Kustom dengan throw

Kamu bisa membuat error kustom dengan menggunakan throw. Ini memungkinkan kita untuk memberi tahu pengguna atau sistem bahwa suatu kondisi tertentu menyebabkan error yang harus ditangani.

function bagi(a, b) {
  if (b === 0) {
    throw new Error("Pembagian dengan nol tidak diperbolehkan.");
  }
  return a / b;
}

try {
  console.log(bagi(10, 0));
} catch (error) {
  console.log(error.message); // Output: Pembagian dengan nol tidak diperbolehkan.
}

Di sini, kita membuat error jika pembagian dilakukan dengan 0 dan melemparkan error kustom menggunakan throw.

Debugging: Menemukan dan Memperbaiki Bug

Debugging adalah proses menemukan dan memperbaiki bug atau kesalahan dalam kode. JavaScript menyediakan beberapa alat yang sangat membantu untuk debugging.

1. console.log(): Ini adalah cara paling sederhana untuk memeriksa nilai dari variabel atau objek dalam kode.

let a = 10;
let b = 5;
console.log("Nilai a:", a);
console.log("Nilai b:", b);

2. console.error(): Untuk menampilkan pesan error yang lebih jelas.

console.error("Terjadi kesalahan pada aplikasi.");

3. Browser Developer Tools: Semua browser modern menyediakan alat pengembang (Developer Tools) yang sangat kuat untuk debugging.
   • Console: Untuk melihat log, peringatan, dan error.
   • Sources: Untuk melihat kode JavaScript secara langsung, menambahkan breakpoint, dan memeriksa jalannya program secara step-by-step.
   • Network: Untuk memantau request dan response API.

Studi Kasus: Menggunakan Try-Catch dan Console untuk Debugging

Mari kita coba contoh debugging sederhana dengan menggunakan try...catch dan console.log() untuk menemukan masalah dalam aplikasi.

function hitungRataRata(arr) {
  try {
    if (!Array.isArray(arr)) {
      throw new Error("Input harus berupa array.");
    }
    let total = 0;
    for (let i = 0; i < arr.length; i++) {
      total += arr[i];
    }
    return total / arr.length;
  } catch (error) {
    console.error(error.message);
  }
}

let hasil = hitungRataRata([10, 20, 30, 40]);
console.log("Rata-rata:", hasil);

hasil = hitungRataRata("Bukan array");
console.log("Rata-rata:", hasil); // Error: Input harus berupa array.

Pada contoh ini:

• Fungsi hitungRataRata menerima sebuah array dan menghitung rata-ratanya.
• Jika input bukan array, kita melemparkan error kustom menggunakan throw.
• Menggunakan console.error() untuk menampilkan pesan error yang lebih jelas.

Dengan Error Handling yang baik dan teknik Debugging yang efektif, kamu bisa menangani masalah yang terjadi dalam kode dan memperbaiki bug dengan lebih mudah. Artikel ini sangat berguna sebelum kamu melanjutkan ke tutorial JavaScript selanjutnya di www.code80vity.com. Semoga pengetahuan ini membantu kamu dalam mengembangkan aplikasi yang lebih stabil dan bebas dari error!