DEBUG DI JAVASCRIPT

Debugging adalah salah satu aspek penting dalam pengembangan software, termasuk dalam menulis kode Javascript. Dalam proses debug, kita akan mencari dan memperbaiki kesalahan atau bug dalam kode. Dalam javascript, terdapat beberapa metode yang bisa digunakan untuk melakukan debug. Berikut ini adalah beberapa metode Debug di Javascript yang paling umum digunakan.

Console.log()

Metode yang paling sering digunakan oleh developer adalah menggunakan console.log(). Fungsi ini biasanya digunakan untuk mencetak sesuatu ke console. Sebagai contoh:

let x = 5;
console.log(x);

Console log juga bisa digunakan untuk mencetak hasil dari fungsi atau pun variabel lain. Contoh penggunaannya sebagai berikut:

let x = 5;
let y = x * 2;
console.log(y);

Debugger Statement

Selain console.log(), Javascript juga memiliki kata kunci debugger yang bisa digunakan untuk melakukan debugging. Saat browser menemui statement ini dan tool developer console pada browser dibuka, eksekusi kode JavaScript akan dihentikan.

Contoh penggunaannya bisa dilihat dibawah ini:

let x = 5;
let y = x * 2;
debugger;
console.log(y);

Aktivasi Debugger

Perlu diingat bahwa statement debugger hanya akan bekerja jika developer console pada browser dibuka.

Chrome DevTools

Fasilitas selanjutnya yang bisa digunakan untuk melakukan debug adalah Chrome DevTools. Ini adalah set alat bawaan dari browser Google Chrome yang bisa digunakan untuk melakukan debug pada kode Javascript, memeriksa dan memanipulasi DOM, dan masih banyak lagi.

Untuk bisa membuka Chrome DevTools, kamu dapat menekan F12 pada keyboard lalu pilih tab Console.

Breakpoint

Salah satu fitur pada Chrome DevTools dalam melakukan debug adalah breakpoint. Dengan breakpoint, kita bisa menghentikan eksekusi kode pada baris tertentu. Ini sangat berguna dalam mencari dan memperbaiki bug.

Untuk menggunakan breakpoint, kamu hanya perlu membuka file JavaScript kamu di panel Sources, lalu klik pada angka baris kode yang ingin kamu beri breakpoint. Kemudian, saat kode JavaScript kamu dieksekusi dan mencapai baris kode dengan breakpoint, eksekusi kode akan dihentikan, sehingga kamu bisa melihat kondisi code pada waktu itu.

Pada metode ini, kita bisa melihat variabel dan isi dari variabel tersebut, melakukan step over, step in, dan step out.

Debugging adalah proses yang sangat penting dalam pengembangan software. Memahami bagaimana melakukan debug di Javascript akan membantu kamu menjadi developer yang lebih baik.