Menetapkan Titik Henti
Jeda eksekusi dan periksa status.
Menetapkan Titik Henti adalah pelajaran JavaScript Academy gratis di CoddyKit. Ini adalah pelajaran 2 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 Titik Henti
Titik henti memberi tahu alat penelusur kesalahan untuk menjeda eksekusi pada baris tertentu. Saat dijeda, Anda dapat memeriksa variabel dan tumpukan panggilan untuk memahami keadaan program.
Mengapa Titik Henti Lebih Baik daripada Pencatatan
Dibandingkan menyebarkan pernyataan pencatatan, titik henti memungkinkan Anda memeriksa setiap variabel dalam cakupan pada suatu saat tanpa mengubah kode, lalu melanjutkan atau melangkah dari sana.
Membuka Panel Sumber
Dalam DevTools peramban, titik henti berada di panel Sumber. Buka DevTools, beralih ke Sumber, lalu cari berkas skrip Anda di pohon berkas.
Menetapkan Titik Henti pada Baris
Klik area nomor baris di samping suatu pernyataan untuk menetapkan titik henti di sana. Penanda akan muncul, dan eksekusi akan dijeda saat baris tersebut akan dijalankan.
Pernyataan debugger
Menambahkan pernyataan debugger ke kode akan memicu titik henti secara terprogram ketika DevTools terbuka. Hapus pernyataan ini sebelum mengirimkan kode produksi.
function compute(x) {
const doubled = x * 2
// a debugger statement on the next line would pause execution here
return doubled + 1
}Titik Henti Bersyarat
Dengan mengeklik kanan suatu baris, Anda dapat menambahkan kondisi. Alat penelusur kesalahan hanya akan menjeda ketika ekspresinya benar, yang sangat berguna di dalam perulangan.
Titik Pencatatan
Titik pencatatan mencetak pesan tanpa menjeda program, seperti pernyataan log sementara yang Anda tambahkan melalui DevTools tanpa mengedit kode sumber.
Memeriksa Variabel
Saat dijeda, panel Cakupan mencantumkan variabel lokal, penutupan, dan global beserta nilainya saat ini, sehingga Anda dapat memverifikasi asumsi Anda.
Ekspresi Pantauan
Panel Pantauan mengevaluasi ekspresi yang Anda tentukan setiap kali program dijeda, sehingga Anda dapat memantau nilai hasil perhitungan saat melangkah melalui kode.
Titik Henti pada Peristiwa
DevTools juga dapat menjeda program saat terjadi peristiwa, seperti klik atau permintaan jaringan, tepat ketika peristiwa tersebut dipicu.
Mengelola Titik Henti
Panel Titik Henti mencantumkan semua titik henti Anda. Anda dapat menonaktifkannya sementara dengan kotak centang atau menghapusnya setelah selesai menelusuri kesalahan.
Pemeriksaan Singkat
Uji pengetahuan Anda tentang titik henti.
Ringkasan
Ringkasan: Titik henti menjeda eksekusi untuk pemeriksaan.
- Tetapkan titik henti di area nomor baris panel Sumber
- Pernyataan debugger menjeda program secara terprogram
- Titik henti bersyarat hanya menjeda program ketika kondisinya benar
- Periksa cakupan dan ekspresi pantauan saat program dijeda
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menetapkan Titik Henti” gratis?
Ya — teks lengkap “Menetapkan Titik Henti” 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 “Menetapkan Titik Henti”?
Jeda eksekusi dan periksa status. 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 2 dari 4.
Berapa lama pelajaran “Menetapkan Titik Henti” 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