Akademi JavaScript · Pelajaran

Melangkaui console.log

Gunakan table, group, warn, error dan assert.

Pelajaran 1 daripada 413 langkah

Melangkaui console.log ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.

Lebih Daripada log

Objek konsol menyediakan banyak kaedah selain console.log. Setiap kaedah menyampaikan maksud yang berbeza dan boleh memaparkan output dalam bentuk yang berguna.

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

console.warn

console.warn mengeluarkan amaran. Dalam pelayar, amaran ini dipaparkan dengan sorotan kuning untuk menandakan isu tidak kritikal yang memerlukan perhatian.

console.warn("This API is deprecated")

console.error

console.error melaporkan ralat. Ia mempunyai gaya paparan yang tersendiri dan, dalam pelayar, menyertakan surih tindanan untuk membantu mencari punca masalah.

console.error("Failed to load data")

console.info dan debug

console.info dan console.debug berfungsi seperti log tetapi menyampaikan tahap keterukan. Alat boleh menapis mesej berdasarkan tahap ini.

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

console.table

console.table memaparkan tatasusunan dan objek sebagai jadual berformat, menjadikan data berstruktur jauh lebih mudah diimbas berbanding log biasa.

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

console.group

console.group memulakan bahagian berinden yang boleh diruntuhkan. Mesej yang dicatat selepasnya akan bersarang sehingga Anda memanggil console.groupEnd.

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

Kumpulan Bersarang

Kumpulan boleh bersarang antara satu sama lain untuk mencerminkan hierarki, dengan setiap tahap menambah inden.

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

console.assert

console.assert mencatat ralat hanya apabila argumen pertamanya bernilai palsu. Kaedah ini ialah cara pantas untuk menandakan andaian yang tidak dipenuhi tanpa menghentikan pelaksanaan.

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

console.count

console.count menjejaki bilangan kali baris berlabel telah dijalankan, yang berguna untuk mengesan panggilan berulang yang tidak dijangka.

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

console.time

console.time dan console.timeEnd mengukur tempoh yang diperlukan oleh satu blok kod, lalu mencetak tempoh berlalu bersama label yang sepadan.

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

Memilih Kaedah yang Tepat

Gunakan warn dan error untuk masalah, table untuk data berstruktur, group untuk menyusun log berkaitan, dan assert untuk mengesahkan andaian. Pengelogan yang jelas mempercepat penyahpepijatan.

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

Semakan Pantas

Uji pengetahuan Anda tentang kaedah konsol.

Ringkasan

Ringkasan: Konsol mempunyai kaedah yang kaya selain log.

  • warn dan error menandakan tahap keterukan
  • table memaparkan data berstruktur
  • group menyusun log bersarang
  • assert menandakan syarat yang gagal
console.table([{ a: 1 }, { a: 2 }])
console.warn("done")
Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
59
Pelajaran
200

Soalan Lazim

Adakah pelajaran “Melangkaui console.log” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Melangkaui console.log”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Melangkaui console.log”?

Gunakan table, group, warn, error dan assert. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.

Berapa lamakah pelajaran “Melangkaui console.log” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?

Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Melangkaui console.log
  2. Menetapkan Titik Henti
  3. Menelusuri Kod Langkah demi Langkah
  4. Membaca Jejak Timbunan
← Kembali ke Akademi JavaScript