Memuat Skrip Sinkron dengan JavaScript
Buat fungsi untuk Memuat File JavaScript secara sinkron
Dalam artikel oleh TechnoFunnel ini , kita akan berbicara tentang memuat Script secara Dinamis . Ada beberapa cara untuk memuat skrip dalam kode kita. Artikel ini difokuskan pada memuat skrip secara dinamis dan memastikan bahwa daftar skrip dimuat secara sinkron.
Memuat JavaScript Secara Dinamis
Dalam kode di bawah ini kita akan melihat bagaimana skrip dapat dimuat secara dinamis. Kami sering membutuhkan skrip untuk dimuat secara dinamis. Mungkin ada situasi ketika skrip diperlukan hanya dalam kondisi tertentu, dalam kasus seperti itu kita perlu memuat skrip ketika kondisinya terpenuhi.
Dalam kode di atas, kami membuat tag skrip menggunakan JavaScript dan menambahkan tag skrip ke badan. Ketika skrip ditambahkan di dalam tubuh, skrip tersebut kemudian dieksekusi dan objek serta fungsi tersedia untuk penggunaan lebih lanjut.
Selanjutnya kita perlu menambahkan fungsionalitas ke kode kita untuk dukungan berikut:
- Mengelola daftar Script yang ingin kita muat
- Muat Script secara serempak mempertahankan pesanan
- Menunggu hingga skrip sebelumnya dimuat.
Dalam beberapa kasus JavaScript yang akan dimuat tergantung pada beberapa File JavaScript lainnya. Jika JavaScript dependen tidak dimuat, file JavaScript saat ini akan rusak. Contoh "jQuery Ui" tergantung pada "jQuery", jadi untuk menggunakan dan mengunduh "jQuery Ui", kita perlu memastikan bahwa "jQuery" sudah dimuat di browse. Untuk alasan ini, Pemuatan JavaScript Sinkron adalah penting.
Mari kita lihat bagaimana skrip dapat dimuat secara dinamis secara sinkron.
Untuk menggunakan fungsi ini, kita perlu memanggilnya dengan cara berikut:
Penjelasan untuk Kode Di Atas:
Berikut adalah penjelasan singkat tentang kode di atas untuk Sequential Loading:
- Kami telah membuat IIFE bernama sebagai "sequentialFileLoader" dan mengekspos fungsi "loadScript" dari IIFE, yang kemudian akan tersedia untuk digunakan di luar seperti "sequentialFileLoader.loadScript".
- Kami menerima daftar file JavaScript sebagai array, yang ingin kami muat. Skrip yang ditentukan akan berada dalam urutan yang sama seperti yang diperlukan untuk dimuat. Untuk setiap skrip, kami mengeksekusi kode untuk memuatnya secara dinamis.
- Setelah kita menambahkan Script di badan HTML. Kami telah menambahkan acara "onload", sehingga setelah file dimuat, ia dapat memanggil fungsi yang sama secara rekursif untuk memuat skrip berikutnya. Dengan demikian memastikan bahwa skrip berikutnya akan dimuat hanya setelah acara "onload" skrip saat ini.
Suggested posts
Mencari Informasi Tentang Nama Domain
Kutipan dari Alat Perangkat Lunak Kecil dan Tajam oleh Brian P. Hogan
Saat Anda membuat permintaan ke facebook.com, komputer Anda mencari nama domain untuk menerjemahkan nama domain tersebut menjadi alamat IP sehingga komputer Anda dapat membuat koneksi tersebut.
Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .
Pendahuluan Stroke adalah keadaan darurat medis yang dapat menyerang siapa saja kapan saja. Itu terjadi ketika aliran darah ke bagian otak terganggu, yang menyebabkan hilangnya fungsi otak secara tiba-tiba.
Related posts
Erosi Lambat: Mengungkap Cara Orang Menghilang dalam Kariernya
Di dunia yang serba cepat dan kompetitif saat ini, karier seseorang memainkan peran penting dalam pertumbuhan pribadi, stabilitas keuangan, dan kepuasan hidup secara keseluruhan. Namun, banyak orang menemukan diri mereka terjebak dalam siklus stagnasi dan ketidakpuasan tanpa henti, secara bertahap menyia-nyiakan kehidupan profesional mereka.
Buku Pertama Seorang Anak tentang Menjadi Tinggi
(Peringatan- Ini Satire, dimaksudkan untuk Menjadi Gleefully Subversive- Jelas bukan untuk anak-anak) Anda pernah melihat ibu dan ayah Anda bersembunyi di dapur dan merokok rokok yang bau itu. Mereka memberi tahu Anda.
Mengumpulkan OSINT untuk Berburu Ancaman
Halo, penggemar dunia maya! Selamat datang kembali di OSINT untuk seri berburu ancaman. Di artikel pertama, saya memberi Anda gambaran umum tentang OSINT dan pentingnya perburuan ancaman.
Mendanai penghapusan karbon di FY24
Rincian permintaan alokasi Carbon180 di seluruh jalur
Oleh Alyson Lee, penasihat urusan pemerintah yang mengelola Proses alokasi tahunan pemerintah federal merupakan inti dari upaya kami untuk mendanai penghilangan karbon dioksida (CDR). Setiap tahun, Carbon180 mengajukan permintaan ke berbagai kantor kongres untuk membantu mengarahkan ke mana dolar tahun depan akan mengalir.