Bagi orang -orang seperti saya yang mempelajari JavaScript sendiri dan tidak memiliki pengalaman dalam mempelajari bahasa lain, pada awalnya, men -debug JavaScript juga merupakan poin yang relatif sulit. Banyak hal dasar perlu dieksplorasi sendiri, dan proses ini sangat menyedihkan.
Saya berpikir untuk mengambil kesempatan untuk menunjukkan gambar posting blog penutupan di atas menggunakan Firebug, yang dapat dianggap sebagai berbagi pengalaman debugging.
Kode sampel adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
fungsi fn () {
var max = 10;
return function bar (x) {
if (x> max) {
console.log (x);
}
}
}
var fl = fn (),
Max = 100;
FL (15);
Pilih Firebug - Script
Bilah pemantauan di sebelah kanan dapat berupa objek jendela dan variabel max, FL, dan fn.
Pada saat yang sama, Anda juga dapat melihat sifat -sifat jendela di bawah ini. Mengambil lokasi sebagai contoh, Anda dapat langsung menjalankan window.location output di "konsol" dan lebih lanjut output nilai atribut HREF dari lokasi. Tentu saja, ketika merujuk pada properti dan metode objek jendela, Anda tidak perlu menggunakan formulir "window.xxx" tetapi secara langsung menggunakan "xxx".
Kembali ke intinya,
Kembali ke kolom "skrip", debug JavaScript dan lihat nilai variabel dengan memukul "breakpoints".
Ada beberapa konsep yang dapat Anda pahami terlebih dahulu: breakpoint, entri langkah demi langkah, langkah demi langkah, dan langkah demi langkah. Saya tidak akan menggambarkannya di sini.
Kali ini, kami terutama menggunakan metode pengaturan breakpoint dan memasuki langkah demi langkah.
Anda dapat mengklik untuk mengatur breakpoint di tanda garis kiri, dan klik kanan untuk membuat penilaian reguler.
Beberapa breakpoint dapat diatur, dan breakpoint yang ditetapkan dapat dihapus di kolom "breakpoint".
Di sini Anda melanggar titik langsung di awal tag skrip dan menyegarkan halaman.
saat ini
1. Objek jendela asli di area pemantauan di sebelah kanan menjadi ini dan menunjuk ke jendela. Keluaran ini. Lokasi di "konsol" akan mendapatkan hasil yang sama dengan lokasi.
2. Variabel global Max dan FL diinisialisasi untuk tidak ditentukan
3. Fn () adalah deklarasi fungsi, karena parser akan membaca deklarasi fungsi terlebih dahulu dan membuatnya tersedia sebelum menjalankan kode apa pun (dapat diakses)
Klik tombol "Single-Step Enter" di sudut kanan atas
Jalankan kode langkah demi langkah dan lihat ini, perubahan nilai masing -masing variabel, dan tumpukan di area pemantauan. Anda dapat merujuk ke blog yang disarankan.
Kemudian datang contoh lain dari ini
Kodenya adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
var name = 'the window';
var obj = {
Nama: 'Lokal',
getNamefunc: function () {
console.log (this.name);
return function () {
console.log (this.name);
};
}
};
var c = obj.getnamefunc ();
C();
Masih "MELAKUKAN", Anda dapat melihat bahwa ketika menjalankan baris kode C (), Anda memasukkan GetNamefunc, ini berubah dari menunjuk ke objek jendela menjadi OBJ, dan konsol menghasilkan 'lokal'.
Eksekusi langkah demi langkah memungkinkan Anda untuk melihat logika yang berjalan dari seluruh kode dengan sangat jelas.
Di atas adalah ringkasan dari metode menggunakan fungsi debugging Firebug untuk memahami penutupan javascript dan ini. Saya harap Anda menyukainya