Comment garantir l'achèvement des fonctions en JavaScript : rappels, fonctions fléchées et Async/Await ?

En attente de l'achèvement d'une fonction en JavaScript

En JavaScript, où de nombreuses opérations sont asynchrones, il peut y avoir des cas où vous devez vous assurer que celle-ci La fonction se termine avant de passer à une autre.

Fonctions de rappel

Une approche courante consiste à utiliser des fonctions de rappel. La fonction appelante transmet un rappel comme argument à la fonction qu'elle appelle. Lorsque la fonction appelée termine sa tâche asynchrone, elle exécute le rappel, permettant à la fonction appelante de poursuivre son exécution.

Par exemple :

<code class="js">function firstFunction(_callback) {
  // Perform asynchronous work here...
  // Invoke the callback when finished
  _callback();
}

function secondFunction() {
  // Call first function with a callback
  firstFunction(function() {
    console.log('First function completed.');
  });
}</code>

Fonctions fléchées

Les fonctions fléchées fournissent une syntaxe plus concise pour les fonctions de rappel :

<code class="js">firstFunction(() => console.log('First function completed.'));</code>

Alternatives : Async/Await

Pour plus de clarté et de maintenabilité, le JavaScript moderne introduit asynchrone/attendre. Cela vous permet d'écrire votre code dans un style pseudo-synchrone, même lorsqu'il s'agit d'opérations asynchrones :

<code class="js">const secondFunction = async () => {
  const result = await firstFunction();
  // Continue execution after first function completes
};</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!