Bagaimana untuk menyahpepijat titik putus dalam JavaScript

Menyahpepijat kod anda adalah penting apabila melakukan pembangunan JavaScript yang kompleks. Alat penting untuk penyahpepijatan JavaScript ialah titik putus. Titik putus bermakna apabila kod dilaksanakan pada kedudukan tertentu, atur cara akan menjeda pelaksanaan supaya kami boleh menganalisis dan menyahpepijat kod. Dalam artikel ini, kita akan belajar cara menetapkan titik putus dalam JavaScript.

Tetapkan titik putus dalam penyemak imbas Chrome

Pelayar Chrome mempunyai alat pembangunan terbina dalam yang berkuasa yang boleh membantu kami nyahpepijat kod JavaScript. Dalam penyemak imbas Chrome, kami boleh menetapkan titik putus melalui langkah berikut:

1. Buka alat pembangun

Dalam penyemak imbas Chrome, anda boleh menggunakan bar menu atau kekunci pintasan Buka alat pembangun. Khususnya, pilih "Bar Menu -> Lagi Alat -> Alat Pembangun" atau gunakan kekunci pintasan F12. Selepas membuka alat pembangun, pilih tab "Sumber".

2. Cari fail JavaScript yang anda mahu nyahpepijat

Dalam tab "Sumber", anda boleh menemui fail JavaScript sedang dimuatkan. Jika terdapat banyak fail, anda boleh menggunakan kotak carian untuk mencarinya dengan cepat. Sebagai alternatif, anda boleh mencari fail JavaScript melalui panel rangkaian.

3. Tetapkan titik putus pada baris kod

Selepas anda menemui fail JavaScript yang ingin anda nyahpepijat, anda boleh menetapkan titik putus pada baris kod. Klik ruang kosong di sebelah kiri nombor baris kod dan Chrome akan menetapkan titik merah di lokasi itu untuk menunjukkan bahawa ia adalah titik putus.

4. Mulakan pelaksanaan kod dan tunggu program berhenti seketika

Selepas menetapkan titik putus, anda boleh memuat semula halaman dan memuat semula fail JavaScript. Apabila pelaksanaan kod mencapai kedudukan titik putus, program akan menjeda pelaksanaan dan halaman akan berhenti pada antara muka penyahpepijatan di bawah tab "Sumber". Pada ketika ini anda boleh menggunakan alat penyahpepijatan untuk menganalisis kod dan melihat nilai pembolehubah.

Tetapkan titik putus dalam Kod VS

Kod VS ialah editor teks popular yang turut mempunyai sokongan yang baik untuk pembangunan JavaScript. Dalam Kod VS, kami juga boleh menetapkan titik putus untuk menyahpepijat kod JavaScript.

1. Buka fail JavaScript

Selepas membuka fail JavaScript untuk dinyahpepijat, klik di kawasan kosong di sebelah kiri baris kod dan titik putus akan ditetapkan pada lokasi itu. Pada masa ini, bulatan merah akan muncul di sebelah kiri garisan, menunjukkan bahawa kedudukan ini ialah titik putus.

2. Mulakan pelaksanaan kod dan tunggu program berhenti seketika

Dalam Kod VS, anda juga perlu memulakan pelaksanaan kod untuk mencetuskan jeda titik putus. Klik tab "Nyahpepijat" dan kemudian klik butang "Mulakan Nyahpepijat". Kod VS membuka panel penyahpepijat dan memulakan pelaksanaan program. Apabila program mencapai lokasi titik putus, program akan menjeda pelaksanaan dan memaparkan maklumat penyahpepijatan dalam panel penyahpepijat.

Gunakan pernyataan Console.log untuk nyahpepijat kod dalam penyemak imbas

Selain kaedah yang diperkenalkan di atas, kami juga boleh menggunakan pernyataan Console.log untuk nyahpepijat kod JavaScript. Pernyataan Console.log boleh mengeluarkan maklumat kepada konsol supaya kita boleh memerhatikan pelaksanaan program. Selepas menambah pernyataan Console.log pada kod, maklumat akan dicetak pada konsol apabila kod tersebut dilaksanakan.

Ringkasan

Dalam pembangunan JavaScript, penyahpepijatan ialah proses penting. Titik putus ialah alat penting dalam penyahpepijatan JavaScript, yang boleh membantu kami menganalisis aliran pelaksanaan kod dan melihat nilai pembolehubah. Dalam kedua-dua penyemak imbas Chrome dan Kod VS, penyahpepijatan JavaScript boleh dicapai dengan menetapkan titik putus. Selain titik putus, kami juga boleh menggunakan pernyataan Console.log untuk mengeluarkan maklumat penyahpepijatan. Kemahiran dalam alat dan kaedah penyahpepijatan boleh meningkatkan kecekapan dan kualiti pembangunan JavaScript.

Atas ialah kandungan terperinci Bagaimana untuk menyahpepijat titik putus dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!