Menelusuri Kod Langkah demi Langkah
Langkahi fungsi, masuk ke dalamnya dan keluar daripadanya.
Menelusuri Kod Langkah demi Langkah ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 3 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.
Melangkah Melalui Kod
Setelah dijeda pada titik henti, Anda boleh melangkah melalui kod satu operasi pada satu masa untuk melihat perubahan keadaan baris demi baris.
Sambung Semula
Butang sambung semula meneruskan pelaksanaan biasa sehingga titik henti seterusnya atau sehingga program selesai. Gunakannya apabila Anda sudah melihat secukupnya pada jedaan semasa.
Langkau
Langkau menjalankan baris semasa sepenuhnya, termasuk sebarang fungsi yang dipanggilnya, kemudian menjeda pada baris seterusnya dalam fungsi yang sama. Fungsi yang dipanggil tidak dimasuki.
function helper() {
return 5
}
function main() {
const a = helper()
const b = a + 1
return b
}Masuk
Masuk memasuki panggilan fungsi pada baris semasa dan menjeda pada pernyataan pertamanya supaya Anda boleh menyahpepijat bahagian dalam fungsi tersebut.
function helper() {
const x = 10
return x
}
function main() {
return helper()
}Keluar
Keluar melengkapkan fungsi semasa dan menjeda pada baris sejurus selepas panggilan yang membawa Anda ke dalamnya. Gunakannya untuk meninggalkan fungsi yang tidak perlu diperiksa lagi.
Memilih Perintah Langkah
Gunakan langkau apabila Anda yakin terhadap sesuatu fungsi, masuk untuk menyiasatnya, dan keluar setelah mengesahkan logik dalaman berfungsi dengan betul.
Anak Tetingkap Tindanan Panggilan
Semasa melangkah, anak tetingkap tindanan panggilan memaparkan rantaian panggilan fungsi yang membawa kepada baris semasa. Mengklik bingkai akan beralih ke konteks tersebut.
Memerhatikan Perubahan Keadaan
Semasa Anda melangkah, anak tetingkap Scope dan Watch dikemas kini, membolehkan Anda melihat dengan tepat baris yang mengubah pemboleh ubah secara tidak dijangka.
Melangkah dalam Gelung
Dalam gelung, melangkah akan mengulangi badan gelung pada setiap lelaran. Titik henti bersyarat selalunya lebih pantas daripada melangkah secara manual melalui banyak lelaran.
function sumTo(n) {
let total = 0
for (let i = 1; i <= n; i++) {
total += i
}
return total
}Melangkah ke dalam Kod Pustaka
Perintah masuk boleh membawa Anda ke bahagian dalaman pustaka. DevTools menyediakan ciri untuk mengabaikan skrip yang disenaraikan supaya Anda kekal dalam kod sendiri.
Aliran Kerja Biasa
Tetapkan titik henti berhampiran pepijat yang disyaki, kemudian melangkah baris demi baris sambil memerhatikan pemboleh ubah sehingga Anda menemui tempat keadaan sebenar menyimpang daripada jangkaan.
Semakan Pantas
Uji pengetahuan Anda tentang langkah penyahpepijatan.
Ringkasan
Ringkasan: Langkah penyahpepijatan menggerakkan Anda melalui kod dengan kawalan.
- Langkau menjalankan baris tanpa memasuki panggilan
- Masuk memasuki fungsi yang dipanggil
- Keluar melengkapkan fungsi semasa
- Tindanan panggilan menunjukkan cara Anda sampai ke situ
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 “Menelusuri Kod Langkah demi Langkah” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Menelusuri Kod Langkah demi Langkah”, 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 “Menelusuri Kod Langkah demi Langkah”?
Langkahi fungsi, masuk ke dalamnya dan keluar daripadanya. 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 3 daripada 4.
Berapa lamakah pelajaran “Menelusuri Kod Langkah demi Langkah” 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
- Melangkaui console.log
- Menetapkan Titik Henti
- Menelusuri Kod Langkah demi Langkah
- Membaca Jejak Timbunan