JavaScript Academy · Pelajaran

Melampaui console.log

Gunakan table, group, warn, error, dan assert.

Melampaui console.log adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. 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 4 pelajaran total.

Lebih dari Sekadar log

Objek console menyediakan banyak metode selain console.log. Setiap metode menyampaikan maksud yang berbeda dan dapat menampilkan keluaran dengan cara yang bermanfaat.

console.log("plain message")
console.info("informational")

console.warn

console.warn menghasilkan peringatan. Dalam peramban, pesan ini muncul dengan sorotan kuning yang menandakan masalah yang tidak menghentikan program tetapi perlu diperhatikan.

console.warn("This API is deprecated")

console.error

console.error melaporkan kesalahan. Tampilannya berbeda dan, dalam peramban, menyertakan jejak tumpukan untuk membantu menemukan lokasi masalah.

console.error("Failed to load data")

console.info dan debug

console.info dan console.debug berperilaku seperti log, tetapi menyampaikan tingkat keparahan. Alat pengembangan dapat menyaring pesan berdasarkan tingkat ini.

console.info("Server started")
console.debug("Cache size is 42")

console.table

console.table menampilkan larik dan objek sebagai tabel berformat, sehingga data terstruktur jauh lebih mudah dipindai daripada log biasa.

const users = [
  { name: "Ann", age: 30 },
  { name: "Bob", age: 25 }
]
console.table(users)

console.group

console.group memulai bagian yang menjorok dan dapat diciutkan. Pesan yang dicatat setelahnya menjadi bagian bersarang sampai Anda memanggil console.groupEnd.

console.group("User details")
console.log("Name: Ann")
console.log("Age: 30")
console.groupEnd()

Grup Bersarang

Grup dapat ditempatkan di dalam satu sama lain untuk mencerminkan hierarki, dengan setiap tingkat menambahkan indentasi.

console.group("Order")
console.log("id: 1")
console.group("Items")
console.log("Book")
console.groupEnd()
console.groupEnd()

console.assert

console.assert hanya mencatat kesalahan ketika argumen pertamanya bernilai salah. Ini adalah cara cepat untuk menandai asumsi yang keliru tanpa menghentikan eksekusi.

const total = 10
console.assert(total > 0, "total should be positive")
console.assert(total > 100, "total is unexpectedly small")

console.count

console.count menghitung berapa kali baris berlabel dijalankan, sehingga berguna untuk menemukan pemanggilan berulang yang tidak terduga.

function ping() {
  console.count("ping")
}
ping()
ping()
ping()

console.time

console.time dan console.timeEnd mengukur berapa lama suatu blok kode berjalan, lalu mencetak durasi yang berlalu dengan label yang sama.

console.time("loop")
let sum = 0
for (let i = 0; i < 1000; i++) { sum += i }
console.timeEnd("loop")

Memilih Metode yang Tepat

Gunakan warn dan console.error untuk masalah, table untuk data terstruktur, group untuk mengatur log yang berkaitan, dan assert untuk memvalidasi asumsi. Pencatatan yang jelas mempercepat penelusuran kesalahan.

console.warn("low memory")
console.table([{ id: 1 }, { id: 2 }])

Pemeriksaan Singkat

Uji pengetahuan Anda tentang metode console.

Ringkasan

Ringkasan: console memiliki banyak metode berguna selain log.

warn dan console.error menandakan tingkat keparahan
table menampilkan data terstruktur
group mengatur log yang bersarang
assert menandai kondisi yang gagal

console.table([{ a: 1 }, { a: 2 }])
console.warn("done")

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Melampaui console.log” gratis?

Ya — teks lengkap “Melampaui console.log” 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 4 pelajaran total.

Apa yang akan aku pelajari di “Melampaui console.log”?

Gunakan table, group, warn, error, dan assert. 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 1 dari 4.

Berapa lama pelajaran “Melampaui console.log” 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

← Kembali ke JavaScript Academy