Mengembangkan JavaScript untuk halaman web bisa membingungkan. Anda akan mendapatkan kesalahan yang tampaknya tidak masuk akal, Anda akan diberikan nugget saran tentang bagaimana dan kapan Anda dapat menggunakan JavaScript untuk memanipulasi DOM atau membuat permintaan Ajax. Jauh lebih baik untuk memahami alasan aturan ini; . Bagaimana Anda bisa mencapai pemrosesan paralel dan apa cara terbaik?
TL; . ) tidak
Eksekusi program JavaScript apa pun dapat dibagi menjadi dua bagian terpisah
- Eksekusi awal dari kode yang terjadi selama pemuatan halaman
- Penanganan acara selanjutnya
Eksekusi kode awal
Kami memiliki, misalnya, halaman web dengan beberapa kode JavaScript sebaris dan beberapa referensi ke pustaka JavaScript. Bagaimana kode JS dieksekusi di halaman ini? . Saat file ini dimuat, kita dapat membayangkan bahwa kode JS ini dibungkus dengan fungsi anonim. Fungsi imajiner ini memiliki ruang lingkup global sebagai ruang lingkup fungsinya sendiri dan dapat dijalankan sendiri. Kita bisa membayangkannya sebagai potongan kode berikut
1
2
3
(fungsi () {
// konten file JS ada di sini
})();
Contoh berikutnya menunjukkan kepada kita bahwa kode JavaScript dieksekusi sesegera mungkin setelah elemen inline atau referensi file ditemukan, sehingga tidak menunggu pembuatan pohon DOM selesai (JSFiddle link): Kode JavaScript sebaris dijalankan dengan cara yang sama, tetapi tanpa fase pemuatan file. Penting untuk diketahui bahwa, selama eksekusi kode ini, baik pembuatan DOM maupun perenderan laman dijeda. Akibatnya, pengguna melihat halaman kosong dan harus menunggu.
1
2
3
4
5
var divElement = dokumen.getElementById('someId');
divElement. innerText = 'Halo, dunia. '