Syntaxe d'une fonction flèche asynchrone

Question

Je peux marquer une fonction JavaScript comme étant "asynchrone" (c'est-à-dire renvoyant une promesse) avec l'attribut async mot-clé. Comme ceci :

async function foo() {
  // Do something
}

Quelle est la syntaxe équivalente pour les fonctions flèches ?

Answer 1

Async fonctions de la flèche ressemble à ça :

const foo = async () => {
  // do something
}

Async fonctions de la flèche ressemble à ceci pour un seul argument qui lui a été transmis :

const foo = async evt => {
  // do something with evt
}

Async fonctions de la flèche ressemble à ceci pour plusieurs arguments qui lui a été transmis :

const foo = async (evt, callback) => {
  // do something with evt
  // return response with callback
}

Le site anonyme fonctionne également :

const foo = async function() {
  // do something
}

Une fonction asynchrone déclaration ressemble à ça :

async function foo() {
  // do something
}

Utilisation d'une fonction asynchrone dans un rappel :

const foo = event.onCall(async () => {
  // do something
})

Utilisation de méthode asynchrone à l'intérieur d'un classe :

async foo() {
  // do something
}

Answer 2

C'est la façon la plus simple d'attribuer un async fonction de flèche expression à un nommé variable :

const foo = async () => {
  // do something
}

_{(Notez que cela n'est pas strictement équivalent à <code>async function foo() { }</code> . En plus de <a href="https://stackoverflow.com/q/34361379/247696">les différences entre les <code>function</code> et une expression fléchée </a>la fonction dans cette réponse n'est pas <a href="https://developer.mozilla.org/en-US/docs/Glossary/Hoisting" rel="noreferrer">"hissé au sommet" </a>.)}

Answer 3

Fonction flèche asynchrone immédiatement invoquée :

(async () => {
    console.log(await asyncFunction());
})();

Expression de fonction asynchrone immédiatement invoquée :

(async function () {
    console.log(await asyncFunction());
})();

Answer 4

Syntaxe de la fonction Async Arrow avec paramètres

const myFunction = async (a, b, c) => {
   // Code here
}

Answer 5

Vous pouvez aussi le faire :

 YourAsyncFunctionName = async (value) => {

    /* Code goes here */

}