1. console.log(): Si Pengamat Data
console.log() adalah metode yang paling sering digunakan. Gunanya untuk mencetak informasi umum atau memantau nilai variabel saat kode berjalan.
-
Tampilan: Teks biasa (hitam atau putih, tergantung tema console).
-
Kapan digunakan:
-
Mengecek apakah suatu fungsi telah dipanggil.
-
Melihat isi data dari sebuah API atau objek.
-
-
Contoh:
JavaScriptconst user = { id: 1, nama: "Gemini" }; console.log("Data user saat ini:", user);
2. console.warn(): Memberi Peringatan
console.warn() digunakan untuk menandai sesuatu yang mungkin menimbulkan masalah di masa depan, tetapi tidak sampai menghentikan jalannya aplikasi.
-
Tampilan: Teks biasanya berwarna kuning dengan ikon peringatan (segitiga).
-
Kapan digunakan:
-
Memberitahu bahwa suatu fungsi sudah lama (deprecated).
-
Memberi peringatan jika penggunaan API hampir mencapai batas.
-
-
Contoh:
console.warn("Peringatan: Versi API ini akan segera dihapus."); ``` --- ## 3. console.error(): Melaporkan Kegagalan
`console.error()` digunakan untuk mencatat kesalahan fatal atau kondisi yang membuat aplikasi tidak berfungsi sebagaimana mestinya. * **Tampilan:** Teks berwarna **merah** dengan ikon silang (X). Biasanya menyertakan **Stack Trace** (jejak baris kode mana yang menyebabkan error).
* **Kapan digunakan:** * Menangani blok `catch` dalam error handling. * Memberitahu bahwa proses pengiriman data gagal.
* **Contoh:** ```javascript if (!isLoggedIn) { console.error("Error: Pengguna tidak memiliki akses!"); } ``` --- ## Membaca Stack Trace dalam Console
Saat Anda melihat pesan merah (`console.error` atau error sistem), JavaScript biasanya memberikan "peta" lokasi kesalahan. 1. **Nama Error:** Jenis kesalahan (misalnya: `ReferenceError`).
2. **Pesan Error:** Penjelasan singkat (misalnya: `x is not defined`).
3. **Lokasi:** Nama file dan nomor baris (misalnya: `script.js:25`). Klik link ini di browser untuk langsung menuju baris kode yang bermasalah. --- ## Perbandingan Visual | Metode | Warna | Ikon | Kegunaan Utama |
| :--- | :--- | :---: | :--- |
| `log` | Default | Tidak ada | Informasi umum / Debugging data |
| `warn` | Kuning | ⚠️ | Peringatan / Potensi isu masa depan |
| `error`| Merah | ❌ | Kesalahan fatal / Kegagalan proses | --- ## Pro Tips: Menggunakan Label dan Objek
Agar console tidak berantakan saat Anda melakukan banyak *logging*, gunakan label agar lebih mudah dibaca: ```javascript
const suhu = 30; // Menggunakan koma agar bisa melihat struktur objek asli
console.log("Status Suhu:", suhu); // Menampilkan data dalam bentuk tabel agar rapi
const listUser = [ { nama: "Andi", umur: 20 }, { nama: "Budi", umur: 25 }
];
console.table(listUser);
Kesimpulan:
Jangan hanya menggunakan console.log. Dengan membagi pesan ke dalam warn dan error, Anda mempermudah diri sendiri dan tim untuk menyaring informasi mana yang kritis dan mana yang hanya sekadar informasi tambahan.
