Bagaimana Mengendalikan Nilai Pulangan Asynchronous dalam JavaScript dengan jQuery?

Nilai Pulangan Asynchronous dalam JavaScript dengan jQuery

Dalam percubaan untuk mendapatkan semula dan menetapkan nilai GUID secara tidak segerak menggunakan jQuery, pembangun sering menghadapi isu ini di mana amaran memaparkan nilai dengan jayanya tetapi nilai itu kekal tidak ditentukan apabila cuba mengembalikan dan menetapkannya kepada pembolehubah.

Ini berlaku disebabkan oleh sifat panggilan tak segerak. Apabila fungsi elqTracker.pageTrack() dipanggil, ia kembali serta-merta, walaupun sebelum fungsi getGUID() selesai dilaksanakan. Ini menyebabkan returnValue ditetapkan kepada tidak ditentukan.

Untuk menangani had ini, jQuery menyediakan objek $.Deferred. Dengan mengembalikan janji daripada trackPage(), kami boleh melampirkan panggilan balik padanya untuk mengendalikan hasil tak segerak.

<code class="javascript">function trackPage() {
  var elqTracker = new jQuery.elq(459),
    dfd = $.Deferred();

  elqTracker.pageTrack({
    success: function () {
      elqTracker.getGUID(function (guid) {
        dfd.resolve(guid);
      });
    }
  });

  return dfd.promise();
}</code>

Dengan melampirkan panggilan balik pada janji yang dikembalikan oleh trackPage(), kami kini boleh mengakses nilai GUID apabila ia menjadi tersedia.

<code class="javascript">trackPage().done(function (guid) {
  alert("Got GUID:" + guid);
});</code>

Selain itu, janji membenarkan rantaian berbilang panggilan balik, menyediakan cara yang fleksibel untuk mengendalikan operasi tak segerak.

<code class="javascript">var pageHit = trackPage().done(function (guid) {
  alert("Page Hit GUID:" + guid);
});

$("button").click(function () {
  pageHit.done(function (guid) {
    alert("Clicked on Page GUID:" + guid);
  });
});</code>

Pendekatan ini memastikan nilai yang dikembalikan dikendalikan secara tidak segerak, membenarkan penetapan dan akses yang betul dalam operasi seterusnya.

Atas ialah kandungan terperinci Bagaimana Mengendalikan Nilai Pulangan Asynchronous dalam JavaScript dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!