Scribd
Importer
3 vues2 pages

Revision Js Async

Ce tableau de révision présente les principales fonctionnalités et méthodes du JavaScript asynchrone et moderne, y compris les Promises, les requêtes Fetch, et les modules ES6. Il fournit des exemples de syntaxe pour chaque fonction, ainsi que des explications sur leur utilisation. Les concepts de programmation orientée objet (POO) et la gestion des erreurs sont également abordés.

Transféré par

dkhilrahma2003
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
3 vues2 pages

Revision Js Async

Ce tableau de révision présente les principales fonctionnalités et méthodes du JavaScript asynchrone et moderne, y compris les Promises, les requêtes Fetch, et les modules ES6. Il fournit des exemples de syntaxe pour chaque fonction, ainsi que des explications sur leur utilisation. Les concepts de programmation orientée objet (POO) et la gestion des erreurs sont également abordés.

Transféré par

dkhilrahma2003
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Tableau de Révision — JavaScript Asynchrone & Moderne

Développement Web 2 · ENETCOM · 2025/2026

Fonction / Mot-clé Catégorie Rôle Syntaxe / Exemple

.then() Promise S'exécute quand la Promise est .then(resultat => { [Link]("Reçu :",
résolue (succès). resultat); });

.catch() Promise S'exécute si la Promise est rejetée .catch(erreur => { [Link]("Échec :",
(erreur réseau, etc.). erreur); });

.finally() Promise S'exécute toujours, succès ou échec. .finally(() => { [Link]("Terminé."); });
Utile pour cacher un loader.

fetch() — GET Fetch Envoie une requête HTTP GET. fetch('[Link] .then(r
Retourne une Promise. Nécessite => [Link]()) .then(data => [Link](data))
.catch(err => [Link](err));
.json() pour lire la réponse.

fetch() — POST Fetch Envoie des données au serveur. fetch('/users', { method: 'POST', headers:
Nécessite method, headers et body. {'Content-Type': 'application/json'}, body:
[Link]({ nom: "Sami" }) });

[Link]() Fetch Convertit le corps de la réponse HTTP const data = await [Link]();
en objet JavaScript.

async async/await Déclare une fonction asynchrone qui async function chargerDonnees() { // corps de
retourne toujours une Promise. la fonction }

await async/await Suspend l'exécution jusqu'à ce que la const response = await fetch('/data'); const
Promise soit résolue. Uniquement data = await [Link]();

dans une fonction async.

try / catch async/await Gère les erreurs dans une fonction try { const data = await fetch('/data'); }
async. Remplace le .catch() des catch (err) { [Link]("Échec :", err);
}
Promises chaînées.

[Link]() Performance Lance plusieurs requêtes en parallèle. const [resA, resB] = await [Link]([
Durée = la plus longue des requêtes. fetch('/articles'), fetch('/commentaires')
]);

[Link] Performance Vérifie si le statut HTTP est entre if ([Link]) { const data = await
200–299 avant de traiter la réponse. [Link](); }

export Modules ES6 Exporte une variable ou fonction pour export const pi = 3.14; export function
qu'elle soit utilisable dans d'autres addition(a, b) { return a + b; }

fichiers.

import Modules ES6 Importe des fonctionnalités depuis un import { pi, addition } from
autre fichier. Requiert type="module" './[Link]'; [Link](addition(10,
5)); // 15
en HTML.

class POO Définit un modèle pour créer des class Utilisateur { constructor(nom, role) {
objets structurés avec propriétés et [Link] = nom; [Link] = role; } }

méthodes.

constructor() POO Méthode appelée automatiquement const admin = new Utilisateur("Alice",


lors de la création d'une instance avec "Admin"); [Link]([Link]); // "Alice"

new.
Fonction / Mot-clé Catégorie Rôle Syntaxe / Exemple

[Link]() POO Convertit un objet JavaScript en [Link]({ nom: "Sami", age: 25 }); //
chaîne JSON (pour l'envoyer sur le '{"nom":"Sami","age":25}'

réseau).

[Link]() POO Convertit une chaîne JSON en objet const obj = [Link]('{"nom":"Sami"}');
JavaScript (depuis le réseau ou [Link]([Link]); // "Sami"

localStorage).

Vous aimerez peut-être aussi