Rumah > hujung hadapan web > tutorial js > Panggilan Balik JavaScript Diterangkan Dengan Mudah ☕

Panggilan Balik JavaScript Diterangkan Dengan Mudah ☕

Linda Hamilton
Lepaskan: 2024-12-18 11:32:10
asal
673 orang telah melayarinya

JavaScript Callbacks Explained Easily ☕

Panggil balik JavaScript adalah seperti tulang belakang pengaturcaraan tak segerak. Tetapi apakah sebenarnya mereka? ?

Fungsi panggil balik ialah fungsi yang dihantar sebagai hujah kepada fungsi lain, yang kemudiannya dilaksanakan kemudian, biasanya selepas beberapa operasi selesai.


Mengapa Panggilan Balik Penting

JavaScript adalah satu benang, bermakna ia hanya boleh mengendalikan satu tugas pada satu masa. Panggilan balik membolehkan anda mengurus tugas yang memakan masa (seperti menunggu data) tanpa menyekat kod anda yang lain.

Fikirkan panggilan balik sebagai cara untuk mengatakan, “Apabila ini selesai, beritahu saya dan saya akan lakukan sesuatu dengannya.”


Contoh Panggilan Balik: Membuat Kopi ☕

Mari menghidupkan panggilan balik dengan contoh yang boleh dikaitkan—membuat kopi! Semasa kopi dibancuh, anda mungkin memanggang roti atau tatal pada telefon anda. Apabila kopi sudah siap, anda dimaklumkan untuk menuang dan menikmatinya.

Begini rupanya dalam JavaScript:

// Function to simulate brewing coffee
function brewCoffee(callback) {
    console.log("Brewing coffee...");

    // Simulate a delay for coffee brewing
    setTimeout(() => {
        console.log("Coffee is ready!");
        callback(); // Notify when coffee is ready
    }, 2000); // Simulated 2-second delay
}

// Callback function to pour and drink the coffee
function drinkCoffee() {
    console.log("Pouring coffee into the cup and enjoying it ☕");
}

// Start brewing coffee and pass drinkCoffee as the callback
brewCoffee(drinkCoffee);

console.log("While the coffee brews, I'll toast some bread...");
Salin selepas log masuk

Apa Yang Berlaku Di Sini?

1️⃣ Fungsi brewCoffee: Memulakan proses membuat kopi dan menerima fungsi panggil balik untuk dilaksanakan kemudian.

2️⃣ setTimeout: Mensimulasikan masa yang diperlukan untuk membancuh kopi (2 saat).

3️⃣ Fungsi Minum Kopi: Panggilan balik yang akan dilaksanakan sebaik sahaja kopi siap.

4️⃣ Gelagat Tidak Menyekat: Apl terus menjalankan tugas lain (cth., memanggang roti) semasa kopi dibancuh.


Mengapa Belajar Panggilan Balik?

Panggil balik adalah penting untuk mengendalikan tugas tak segerak dalam JavaScript, seperti:

  • Mengambil data daripada API
  • Mengendalikan acara pengguna (cth., klik butang)
  • Mengurus pemasa dan selang waktu

Dengan menguasai panggilan balik, anda akan memperoleh kemahiran untuk mengendalikan pengaturcaraan tak segerak seperti seorang profesional!


? Bolehkah Anda Teka Outputnya?

Letakkan tekaan anda dalam ulasan, dan saya akan mendedahkan jawapan yang betul! Mari lihat siapa yang betul.

Jom Sambung LinkedIn

Atas ialah kandungan terperinci Panggilan Balik JavaScript Diterangkan Dengan Mudah ☕. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan