Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengembalikan Nilai daripada Fungsi Panggilan Balik Asynchronous dalam JavaScript?

Bagaimanakah Saya Boleh Mengembalikan Nilai daripada Fungsi Panggilan Balik Asynchronous dalam JavaScript?

Linda Hamilton
Lepaskan: 2024-12-27 01:15:09
asal
340 orang telah melayarinya

How Can I Return Values from Asynchronous Callback Functions in JavaScript?

Panggil Balik Tak Segerak: Nilai Pengembalian

Mengembalikan nilai daripada fungsi panggil balik tak segerak boleh menjadi satu cabaran kerana sifatnya yang tidak menyekat. Berikut ialah pecahan isu dan penyelesaian:

Dalam contoh yang disediakan:

function foo(address) {
  // Google Maps stuff
  geocoder.geocode({'address': address}, function(results, status) {
    // Unable to return results[0].geometry.location synchronously
  });
}
Salin selepas log masuk

Di dalam panggilan balik geokod tak segerak, nilai yang anda ingin pulangkan tidak boleh diambil secara serentak. Percubaan untuk berbuat demikian akan menghasilkan nilai yang tidak ditentukan.

Penyelesaian: Panggilan Balik dengan Hasil

Untuk mendapatkan nilai, anda boleh menghantar fungsi panggil balik kepada foo yang akan menerima hasilnya:

function foo(address, callback) {
  geocoder.geocode({'address': address}, function(results, status) {
    callback(results[0].geometry.location); 
  });
}
Salin selepas log masuk

Dalam panggilan balik untuk foo, anda kemudian boleh mengakses lokasi nilai:

foo("address", function(location) {
  alert(location); // Result obtained here
});
Salin selepas log masuk

Rantai Fungsi Tak Segerak

Jika panggilan tak segerak disarangkan dalam fungsi lain, fungsi itu juga mesti tak segerak untuk membolehkan nilai pulangan diperolehi . Untuk senario yang rumit, pertimbangkan untuk menggunakan pustaka janji seperti Q untuk mengurus operasi tak segerak dengan cekap.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengembalikan Nilai daripada Fungsi Panggilan Balik Asynchronous dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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