Comment les fonctions asynchrones renvoient-elles des valeurs à l'aide d'Async-Await ?

Comment les fonctions asynchrones renvoient des valeurs à l'aide d'Async-Await

Contrairement aux fonctions classiques, les fonctions asynchrones exploitent le traitement asynchrone, leur permettant de suspendre et de reprendre l'exécution. Cependant, cela introduit une question : comment récupérer les valeurs renvoyées ?

La requête originale

Au départ, une approche courante consiste à essayer :

async function getData() {
    const data = await axios.get('https://jsonplaceholder.typicode.com/posts');
    return data;
}
console.log(getData());

Cependant, cette approche aboutit à une promesse { }, car les fonctions asynchrones nécessitent un traitement spécial.

La magie de Async-Await dans Async IIFE

La solution réside dans l'emballage de votre console.log dans une expression de fonction asynchrone immédiatement invoquée (async IIFE ). Cela ressemble à ceci :

async function getData() {
  return await axios.get('https://jsonplaceholder.typicode.com/posts');
}

(async () => {
  console.log(await getData())
})()

Async-Await with Promises

Puisqu'Axios renvoie une promesse, vous pouvez simplifier la fonction getData en omettant async/await :

function getData() {
  return axios.get('https://jsonplaceholder.typicode.com/posts');
}

Et puis enveloppez votre console.log dans l'IIFE asynchrone comme avant :

(async () => {
   console.log(await getData())
})()

Conclusion

En utilisant async-await dans les IIFE asynchrones, vous pouvez efficacement récupérer et enregistrer les valeurs renvoyé par les fonctions asynchrones, libérant le potentiel de la programmation asynchrone.

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!