Pourquoi le chaînage de promesses renvoie-t-il un résultat non défini dans certains cas ?

Pourquoi undefined est-il renvoyé par .then() dans le chaînage de promesses ?

Dans le chaînage de promesses, .then() renvoie un nouvel objet Promise . Cependant, si aucune valeur ou promesse n'est explicitement renvoyée par le rappel .then(), la promesse résultante sera résolue en indéfini.

Considérez le code suivant :

<code class="js">function doStuff(n) {
  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");
    }
  });
}

doStuff(9)
.then(data => {
  console.log(data); // Undefined
});</code>

Dans ce code, les données ne sont pas définies dans le .then() final car le premier .then() ne renvoie aucune valeur. Pour résoudre ce problème, nous pouvons modifier le premier .then() pour renvoyer la valeur du résultat :

<code class="js">function doStuff(n) {
  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; // Return result to avoid undefined
  });
}

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!