Scénarios d'utilisation et fonctions de la méthode then de Promise

Que fait la méthode then de Promise ? Des exemples de code spécifiques sont nécessaires

En JavaScript, Promise est un mécanisme de gestion des opérations asynchrones. Cela peut rendre le code plus concis et plus lisible, tout en évitant le problème de l'enfer des rappels. Promise fournit une méthode then pour gérer la fonction de rappel une fois l'opération réussie. Ce qui suit présentera en détail la méthode then de Promise et ses fonctions, et fournira des exemples de code spécifiques.

La méthode then de Promise est utilisée pour spécifier la fonction de rappel lorsque l'objet Promise réussit. Il accepte une ou plusieurs fonctions de rappel comme paramètres. Lorsque l'état Promise devient réussi, la méthode then sera appelée, transmettant le résultat réussi en tant que paramètre à la fonction de rappel. Parmi elles, la méthode then renvoie un nouvel objet Promise, et plusieurs méthodes then peuvent être appelées dans une chaîne.

Afin de mieux comprendre le rôle de la méthode then de Promise, démontrons son utilisation à travers un exemple spécifique.

function getData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作，假设请求数据需要1秒钟
    setTimeout(() => {
      const data = '这是异步获取的数据';
      // 模拟请求成功
      resolve(data);
    }, 1000);
  });
}

// 调用 getData 方法获取数据，并使用 then 方法处理成功的回调函数
getData()
  .then((result) => {
    console.log('请求成功');
    console.log('获取到的数据为：', result);
  })
  .catch((error) => {
    console.error('请求失败：', error);
  });

Dans l'exemple ci-dessus, nous avons défini une fonction appelée getData qui renvoie un objet Promise. Dans le constructeur Promise, nous simulons une opération asynchrone et utilisons la fonction setTimeout pour simuler un délai d'une seconde. Une fois le délai écoulé, nous appelons la méthode de résolution, en transmettant les données à la fonction de rappel de réussite.

Ensuite, nous appelons la fonction getData et utilisons la méthode then pour gérer le rappel réussi. Dans la fonction de rappel, nous imprimons une invite indiquant que la demande a réussi et générons les données obtenues.

Si l'état de la promesse change, la méthode then sera automatiquement appelée. Cela nous permet d'enchaîner plusieurs méthodes then pour gérer plusieurs opérations asynchrones. Voici un exemple :

function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const data = '这是异步获取的数据';
      resolve(data);
    }, 1000);
  });
}

getData()
  .then((result) => {
    console.log('第一个异步操作成功');
    console.log('获取到的数据为：', result);
    return '这是返回的数据';
  })
  .then((result) => {
    console.log('第二个异步操作成功');
    console.log('返回的数据为：', result);
  })
  .catch((error) => {
    console.error('请求失败：', error);
  });

Dans l'exemple ci-dessus, nous avons renvoyé une nouvelle valeur dans la fonction de rappel de la première méthode then. Cette nouvelle valeur deviendra le paramètre de la méthode then suivante. De cette manière, une chaîne d’appels Promise est formée. Dans la deuxième méthode then, nous imprimons une invite indiquant que la deuxième opération asynchrone a réussi et générons les données renvoyées.

Si une erreur se produit dans l'une des méthodes then de l'appel de la chaîne Promise, l'erreur sera détectée et transmise à la méthode catch la plus proche. La méthode catch est utilisée pour gérer les erreurs dans la chaîne Promise. Dans l'exemple ci-dessus, si une erreur se produit dans l'une des opérations asynchrones, nous imprimerons le message d'erreur dans la méthode catch.

En résumé, la méthode then de Promise est utilisée pour gérer la fonction de rappel une fois l'opération asynchrone réussie et peut effectuer des appels en chaîne. Il s'agit d'un mécanisme permettant d'optimiser le code asynchrone et le flux de traitement, rendant le code plus concis et plus lisible. Grâce à la méthode then, nous pouvons gérer efficacement les opérations asynchrones et gérer facilement les résultats de plusieurs opérations asynchrones.

Ce qui précède est la fonction et l'exemple de code spécifique de la méthode then de Promise. J'espère qu'en lisant cet article, vous pourrez mieux comprendre la méthode de Promise et utiliser cette technique de manière flexible dans le développement réel.

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!