Menelusuri Kode Langkah demi Langkah
Lompati, masuki, dan keluar dari fungsi langkah demi langkah.
Menelusuri Kode Langkah demi Langkah adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 3 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.
Menelusuri Kode Selangkah demi Selangkah
Setelah dijeda pada titik henti, Anda dapat melangkah melalui kode satu operasi setiap kali untuk mengamati perubahan keadaan baris demi baris.
Lanjutkan
Tombol lanjutkan meneruskan eksekusi normal hingga titik henti berikutnya atau sampai program selesai. Gunakan tombol ini setelah Anda melihat cukup banyak hal pada jeda saat ini.
Langkahi
Perintah langkahi menjalankan baris saat ini sepenuhnya, termasuk fungsi apa pun yang dipanggilnya, lalu menjeda program pada baris berikutnya 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 ke
Perintah masuk ke memasuki pemanggilan fungsi pada baris saat ini dan menjeda program pada pernyataan pertamanya agar Anda dapat menelusuri kesalahan di dalam fungsi tersebut.
function helper() {
const x = 10
return x
}
function main() {
return helper()
}Keluar dari
Perintah keluar dari menyelesaikan fungsi saat ini dan menjeda program pada baris tepat setelah pemanggilan yang membawa Anda ke dalamnya. Gunakan perintah ini untuk meninggalkan fungsi yang tidak perlu lagi diperiksa.
Memilih Perintah Langkah
Langkahi ketika suatu fungsi sudah dipercaya, masuk ke untuk menyelidikinya, dan keluar dari setelah Anda memastikan logika di dalamnya sudah benar.
Panel Tumpukan Panggilan
Saat melangkah, panel tumpukan panggilan menampilkan rangkaian pemanggilan fungsi yang membawa program ke baris saat ini. Mengeklik suatu bingkai akan berpindah ke konteks tersebut.
Mengamati Perubahan Keadaan
Saat Anda melangkah, panel Cakupan dan Pantauan diperbarui, sehingga Anda dapat melihat dengan tepat baris mana yang mengubah variabel secara tidak terduga.
Melangkah di Dalam Perulangan
Di dalam perulangan, melangkah akan mengulangi isi perulangan pada setiap iterasi. Titik henti bersyarat sering kali lebih cepat daripada melangkah secara manual melalui banyak iterasi.
function sumTo(n) {
let total = 0
for (let i = 1; i <= n; i++) {
total += i
}
return total
}Melangkah ke Kode Pustaka
Perintah masuk ke dapat membawa Anda ke bagian internal pustaka. DevTools menyediakan fitur untuk mengabaikan skrip yang tercantum sehingga Anda tetap berada di kode Anda sendiri.
Alur Kerja Umum
Tetapkan titik henti di dekat kesalahan yang dicurigai, lalu melangkahlah baris demi baris sambil mengamati variabel hingga menemukan tempat kenyataan menyimpang dari dugaan.
Pemeriksaan Singkat
Uji pengetahuan Anda tentang pelangkahan kode.
Ringkasan
Ringkasan: Pelangkahan memungkinkan Anda menelusuri kode secara terkendali.
- Langkahi menjalankan baris tanpa memasuki pemanggilan fungsi
- Masuk ke memasuki fungsi yang dipanggil
- Keluar dari menyelesaikan fungsi saat ini
- Tumpukan panggilan menunjukkan cara program sampai ke lokasi tersebut
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menelusuri Kode Langkah demi Langkah” gratis?
Ya — teks lengkap “Menelusuri Kode Langkah demi Langkah” 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 “Menelusuri Kode Langkah demi Langkah”?
Lompati, masuki, dan keluar dari fungsi langkah demi langkah. 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 3 dari 4.
Berapa lama pelajaran “Menelusuri Kode Langkah demi Langkah” 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
- Melampaui console.log
- Menetapkan Titik Henti
- Menelusuri Kode Langkah demi Langkah
- Membaca Jejak Tumpukan