Rumah >hujung hadapan web >tutorial js >Apa yang Menyebabkan Nilai Tidak Ditakrifkan dalam Janji Berantai dan Cara Memperbaikinya?

Apa yang Menyebabkan Nilai Tidak Ditakrifkan dalam Janji Berantai dan Cara Memperbaikinya?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-19 22:19:02739semak imbas

What Causes Undefined Values in Chained Promises and How to Fix Them?

Janji Berantai dan Nilai Yang Tidak Ditakrifkan

Dalam kes ini, .then() berantai tidak mengembalikan sebarang nilai atau mencipta nilai baharu Janji. Apabila janji luar yang dibuat dalam doStuff() diselesaikan dengan nilai n * 10, .then() yang berikutnya akan dipanggil dan hasil ungkapan di dalamnya (penyata log dan penyata pemulangan berpotensi) dilog ke konsol. Walau bagaimanapun, oleh kerana tiada nilai sebenar dikembalikan daripada .then() berantai ini, .then() seterusnya yang dirantai kepadanya dalam doStuff tidak menerima apa-apa—maka nilai yang tidak ditentukan.

Penyelesaian: Mengembalikan Nilai atau Janji from .then()

Untuk menyelesaikan isu ini, pastikan panggilan balik .then() mengembalikan nilai atau panggilan fungsi lain yang mengembalikan nilai atau Janji. Dalam contoh yang diubah suai ini:

<code class="js">const doStuff = (n /* `n` is expected to be a positive number */) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve(n * 10);
    }, Math.floor(Math.random() * 1000));
  })
    .then((result) => {
      if (result > 100) {
        console.log(`${result} is greater than 100`);
      } else {
        console.log(`${result} is not greater than 100`);
      }
      // Return `result` to pass it to the next `.then()`
      return result;
    });
};

doStuff(9)
  .then((data) => {
    console.log("data is: " + data);
  });</code>

Sekarang, rantaian .then() menerima nilai yang dikembalikan daripada sebelumnya .then(), menghapuskan isu yang tidak ditentukan. Output akan memaparkan nilai yang dihantar daripada .then() sebelumnya.

Atas ialah kandungan terperinci Apa yang Menyebabkan Nilai Tidak Ditakrifkan dalam Janji Berantai dan Cara Memperbaikinya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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