JavaScript Academy · Pelajaran

Membaca Jejak Tumpukan

Telusuri error kembali ke sumbernya.

Membaca Jejak Tumpukan adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 4 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.

Apa Itu Jejak Tumpukan

Jejak tumpukan adalah daftar pemanggilan fungsi yang aktif saat kesalahan terjadi. Jejak ini menunjukkan jalur yang ditempuh program hingga mencapai kegagalan.

Membaca dari Atas ke Bawah

Bingkai teratas dalam jejak menunjukkan tempat kesalahan dilemparkan. Setiap baris di bawahnya menunjukkan pemanggilnya, hingga titik masuk awal program.

Anatomi Sebuah Bingkai

Setiap bingkai biasanya mencantumkan nama fungsi, lalu berkas, nomor baris, dan kolom tempat pemanggilan terjadi. Informasi ini menunjukkan lokasi yang tepat.

Pesan Kesalahan

Di atas bingkai terdapat nama dan pesan kesalahan, seperti TypeError yang menjelaskan apa yang keliru. Bacalah bagian ini terlebih dahulu karena sering kali penyebabnya dijelaskan di sana.

function getName(user) {
  return user.name
}
// calling getName with undefined would throw a TypeError
console.log("Reading the message tells you what failed")

Mengikuti Rangkaian Pemanggilan

Dengan membaca ke bawah, Anda dapat menyusun kembali urutannya: fungsi mana yang memanggil fungsi mana hingga mencapai baris yang gagal.

Kode Anda versus Kode Pustaka

Jejak sering kali menyertakan bingkai dari pustaka. Berfokuslah pada bingkai paling atas yang berasal dari berkas sumber Anda sendiri karena biasanya di sanalah perbaikannya berada.

Jejak Tumpukan Asinkron

DevTools modern menyatukan pemanggilan asinkron, dengan menunjukkan konteks asal suatu promise atau pewaktu sehingga jejak tidak terputus pada batas tersebut.

Membuat Jejak Secara Manual

console.trace mencetak tumpukan panggilan saat ini tanpa menimbulkan kesalahan, sehingga membantu Anda melihat bagaimana suatu fungsi dipanggil.

function inner() {
  console.trace("reached inner")
}
function outer() {
  inner()
}
outer()

Properti Stack pada Objek Error

Objek Error memiliki properti stack yang berisi jejak dalam bentuk teks, yang dapat Anda catat atau kirim ke layanan pelaporan kesalahan.

const err = new Error("Something failed")
console.log(typeof err.stack)

Kode yang Diperkecil dan Peta Sumber

Kode produksi sering kali diperkecil sehingga jejaknya sulit dipahami. Peta sumber menerjemahkan posisi dalam kode yang diperkecil kembali ke berkas asli Anda agar jejaknya mudah dibaca.

Dari Jejak ke Perbaikan

Gabungkan pesan, bingkai pengguna teratas, dan nomor baris untuk menemukan kesalahan. Kemudian periksa variabel di sana untuk memastikan penyebabnya.

Pemeriksaan Singkat

Uji pengetahuan Anda tentang jejak tumpukan.

Ringkasan

Ringkasan: Jejak tumpukan mengungkapkan jalur menuju suatu kesalahan.

Bingkai teratas adalah tempat kesalahan dilemparkan
Bingkai di bawahnya adalah fungsi pemanggil
Berfokuslah pada bingkai teratas dalam kode Anda sendiri
Peta sumber membuat jejak kode yang diperkecil mudah dibaca

const err = new Error("fail")
console.log(typeof err.stack)

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Membaca Jejak Tumpukan” gratis?

Ya — teks lengkap “Membaca Jejak Tumpukan” 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 “Membaca Jejak Tumpukan”?

Telusuri error kembali ke sumbernya. 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 4 dari 4.

Berapa lama pelajaran “Membaca Jejak Tumpukan” 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