Sofiane Boumedine Lexique Dev

Top-level Await

JavaScript 🟡 Mid

Type : Concept

Definition

Le top-level await permet d'utiliser await directement a la racine d'un module ES, sans l'envelopper dans une fonction async. Le module attend la resolution avant d'etre considere comme charge.

Analogie

Un ingredient qui doit etre prepare avant de commencer la recette : le plat attend que l'ingredient soit pret.

Exemple de code

class="cmt">// config.mjs
const response = await fetch(class="str">'/api/config');
export const config = await response.json();
class="cmt">// main.mjs
import { config } from class="str">'./config.mjs';
console.log(config); class="cmt">// deja resolu

Cas d'usage

Charger une configuration asynchrone au demarrage d'un module sans wrapper async.

core