Explication détaillée de l'implémentation de la programmation asynchrone du nœud Async/Await

Cette fois, je vous apporte une explication détaillée de l'implémentation de la programmation asynchrone du nœud Async/Await, quelles sont les notes pour l'implémentation de la programmation asynchrone du nœud Async/Await, ce qui suit est un guide pratique Dans ce cas, jetons un coup d'œil ensemble. Jetez un œil.

1. La solution ultime à la programmation asynchrone

Il y a quelques jours, j'ai écrit un article sur les opérations asynchrones javascript " Explication détaillée de Javascript Promise. Récemment, alors que j'apprenais Puppeteer, j'ai découvert une autre solution de programmation asynchrone : Async/Await. programme pour tenter de résoudre ce problème. De la première

à l'objet Promise , puis à la fonction Générateur, il y a des améliorations à chaque fois, mais cela semble incomplet. Ils présentent tous des complexités supplémentaires et nécessitent une compréhension des mécanismes de fonctionnement sous-jacents de l’abstraction. Après la sortie de la fonction Async, certaines personnes ont pensé que c'était la solution ultime à la programmation asynchrone. Parce qu'avec Async/Await, vous n'avez pas à vous soucier de savoir s'il s'agit d'une programmation asynchrone.

2. Utilisation de baseLa fonction asynchrone renvoie un objet Promise et vous pouvez utiliser la méthode then pour ajouter une fonction de rappel. Lorsque la fonction est exécutée, une fois qu'elle rencontre wait, elle reviendra d'abord, attendra que l'opération asynchrone déclenchée soit terminée, puis exécutera les instructions suivantes dans le corps de la fonction.

Ce qui suit est une châtaigne :

var sleep = function (time) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      resolve();
    }, time);
  })
};
var start = async function () {
  // 在这里使用起来就像同步代码那样直观
  console.log('start');
  await sleep(3000);
  console.log('end');
};
start();

3. Notes1. La commande wait ne peut être utilisée que dans des fonctions asynchrones. Si elle est utilisée dans des fonctions ordinaires, une erreur sera générée. rapporté.

async function dbFuc(db) {
 let docs = [{}, {}, {}];
 // 报错
 docs.forEach(function (doc) {
  await db.post(doc);
 });
}

var sleep = function (time) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      // 返回 ‘ok'
      resolve('ok');
    }, time);
  })
};
var start = async function () {
  let result = await sleep(3000);
  console.log(result); // 收到 ‘ok'
};

Si le code est exécuté de manière synchrone, il n'est pas nécessaire d'utiliser la modification en attente.

4. wait ne peut être utilisé qu'en syntaxe native. Par exemple, l'utilisation de wait dans la structure forEeach ne fonctionnera pas correctement et la syntaxe native de la boucle for doit être utilisée.

async function dbFuc(db) {
 let docs = [{}, {}, {}];
 // 可能得到错误结果
 docs.forEach(async function (doc) {
  await db.post(doc);
 });
}

async function dbFuc(db) {
 let docs = [{}, {}, {}];
 let promises = docs.map((doc) => db.post(doc));
 let results = await Promise.all(promises);
 console.log(results);
}

4. Capture d'erreurPuisque .then(..) n'a pas besoin d'être écrit, alors .catch(. .) également Pas besoin d'écrire, vous pouvez directement utiliser la syntaxe standard try catch pour détecter les erreurs.

var sleep = function (time) {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      // 模拟出错了，返回 ‘error'
      reject('error');
    }, time);
  })
};
var start = async function () {
  try {
    console.log('start');
    await sleep(3000); // 这里得到了一个返回错误
    
    // 所以以下代码不会被执行了
    console.log('end');
  } catch (err) {
    console.log(err); // 这里捕捉到错误 `error`
  }
};

Lecture recommandée :

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!