---
title: Guide JavaScript
slug: Web/JavaScript/Guide
tags:
  - Guide
  - JavaScript
translation_of: Web/JavaScript/Guide
---
<div>{{jsSidebar("JavaScript Guide")}}</div>

<p class="summary"><span class="seoSummary">Le guide JavaScript illustre comment utiliser <a href="/fr/docs/Web/JavaScript">JavaScript</a> et fournit un aperçu des fonctionnalités du langage. Pour des informations exhaustives à propos des fonctionnalités du langage, voir la <a href="/fr/docs/Web/JavaScript/Reference">référence JavaScript</a>.</span></p>

<h2 id="Chapitres">Chapitres</h2>

<p>Ce guide est divisé en plusieurs chapitres :</p>

<ul class="card-grid">
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Introduction">Introduction</a></span>

  <p><a href="/fr/docs/Web/JavaScript/Guide/Introduction#O.C3.B9_trouver_des_informations_concernant_JavaScript">À propos de ce guide</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Introduction#Qu'est-ce_que_JavaScript_.3F">À propos de JavaScript</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_Java">JavaScript et Java</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Introduction#JavaScript_and_the_ECMAScript_Specification">ECMAScript</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Introduction#D.C3.A9marrer_avec_JavaScript">Les outils</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Introduction#Coucou_monde_(hello_world)">Hello World</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire">Grammaire et types</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire#Les_bases_du_langage">Syntaxe de base et commentaires</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire#D.C3.A9clarations">Déclarations</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire#Les_port.C3.A9es_de_variables">Portées des variables</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire#Remont.C3.A9e_de_variables_(hoisting)">Remontée des variables</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire#Structures_de_donn.C3.A9es_et_types">Structures de données et types</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Types_et_grammaire#Litt.C3.A9raux">Littéraux</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Contrôle_du_flux_Gestion_des_erreurs">Contrôle du flux et gestion des erreurs</a></span>
  <p><code><a href="/fr/docs/Web/JavaScript/Guide/Contr%C3%B4le_du_flux_Gestion_des_erreurs#Instruction_if...else">if...else</a></code><br>
   <code><a href="/fr/docs/Web/JavaScript/Guide/Contr%C3%B4le_du_flux_Gestion_des_erreurs#L%27instruction_switch">switch</a></code><br>
   <code><a href="/fr/docs/Web/JavaScript/Guide/Contr%C3%B4le_du_flux_Gestion_des_erreurs#L%27instruction_try...catch">try/catch/throw</a></code><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Contr%C3%B4le_du_flux_Gestion_des_erreurs#Utiliser_les_objets_Error">Objets <code>Error</code></a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_itération">Itération et boucles</a></span>
  <p><code><a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#L%27instruction_for">for</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#L%27instruction_while">while</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#L%27instruction_do...while">do...while</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#L%27instruction_break">break</a>/<a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#L%27instruction_continue">continue</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_it%C3%A9ration#L%27instruction_for...in">for..in</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Boucles_et_itération#L'instruction_for...of">for..of</a></code></p>
 </li>
</ul>

<ul class="card-grid">
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Fonctions">Fonctions</a></span>

  <p><a href="/fr/docs/Web/JavaScript/Guide/Fonctions#D.C3.A9finir_des_fonctions">Définir des fonctions</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Fonctions#Appeler_des_fonctions">Appeler des fonctions</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Fonctions#Port.C3.A9e_d'une_fonction">Portées des fonctions</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Fonctions#Fermetures_(closures)">Fermetures (<em>closures</em>)</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Fonctions#Utiliser_l'objet_arguments">Arguments</a> et <a href="/fr/docs/Web/JavaScript/Guide/Fonctions#Param.C3.A8tres_des_fonctions">paramètres</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Fonctions#Fonctions_fl.C3.A9ch.C3.A9es">Fonctions fléchées</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs">Expressions et opérateurs</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Op%C3%A9rateurs#Op.C3.A9rateurs_d%27affectation">Affectation</a> et <a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Op%C3%A9rateurs#Op.C3.A9rateurs_de_comparaison">comparaisons</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Opérateurs#Op.C3.A9rateurs_arithm.C3.A9tiques">Opérateurs arithmétiques</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Op%C3%A9rateurs#Op.C3.A9rateurs_binaires">Opérateurs binaires</a> et <a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Op%C3%A9rateurs#Op.C3.A9rateurs_logiques">logiques</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Expressions_et_Op%C3%A9rateurs#Op.C3.A9rateur_conditionnel_ternaire">Opérateur conditionnel</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Nombres_et_dates">Nombres et dates</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Nombres_et_dates#Nombres">Littéraux numériques</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Nombres_et_dates#L'objet_Number">Objet <code>Number</code></a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Nombres_et_dates#L'objet_Math">Objet <code>Math</code></a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Nombres_et_dates#L'objet_Date">Objet <code>Date</code></a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Formatage_du_texte">Formatage du texte</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Formatage_du_texte#Les_litt.C3.A9raux_de_cha.C3.AEnes_de_caract.C3.A8res">Littéraux de chaînes de caractères</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Formatage_du_texte#Les_objets_String">Objet <code>String</code></a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Formatage_du_texte#Les_littéraux_de_gabarits">Littéraux de gabarits</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Formatage_du_texte#Internationalisation">Internationalisation</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Formatage_du_texte#Les_expressions_rationnelles">Expressions rationnelles</a></p>
 </li>
</ul>

<ul class="card-grid">
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Collections_indexées#Le_type_Array">Collections indexées</a></span>

  <p><a href="/en-US/docs/Web/JavaScript/Guide/Indexed_collections#Array_object">Tableaux</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Collections_indexées#Les_tableaux_typ.C3.A9s">Tableaux typés</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Collections_avec_clés">Collections avec clés</a></span><code><a href="/fr/docs/Web/JavaScript/Guide/Collections_avec_clés#Le_type_Map">Map</a></code>
  <p><code><a href="/en-US/docs/Web/JavaScript/Guide/Keyed_collections#WeakMap_object">WeakMap</a></code><br>
   <code><a href="/fr/docs/Web/JavaScript/Guide/Collections_avec_clés#Le_type_Set">Set</a></code><br>
   <code><a href="/fr/docs/Web/JavaScript/Guide/Collections_avec_clés#Le_type_WeakSet">WeakSet</a></code></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets">Utiliser les objets</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets#Les_objets_et_les_propri.C3.A9t.C3.A9s">Objets et propriétés</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets#Cr.C3.A9er_de_nouveaux_objets">Création d'objets</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets#D.C3.A9finir_des_m.C3.A9thodes">Définition de méthodes</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_objets#D.C3.A9finir_des_accesseurs_et_des_mutateurs_(getters_et_setters)">Accesseurs et mutateurs</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Le_modèle_objet_JavaScript_en_détails">Le modèle objet JavaScript en détails</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Le_modèle_objet_JavaScript_en_détails#Langages_de_prototypes_.2F_Langages_de_classes">Modèle à base de prototypes</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Le_modèle_objet_JavaScript_en_détails#La_cr.C3.A9ation_de_la_hi.C3.A9rarchie">Créer des hiérarchies d'objets</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Le_modèle_objet_JavaScript_en_détails#L'h.C3.A9ritage_de_propri.C3.A9t.C3.A9s_.3A_les_subtilit.C3.A9s">Héritage</a></p>
 </li>
</ul>

<ul class="card-grid">
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses">Promesses</a></span>

  <p><a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses#Garanties">Garanties</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses#Chaînage_des_promesses">Chaînage</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses#Propagation_des_erreurs">Propagation des erreurs</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses#Composition">Composition</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Utiliser_les_promesses#Gestion_du_temps">Gestion du temps</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">Itérateurs et générateurs</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs#It.C3.A9rateurs">Itérateurs</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs#It.C3.A9rables">Itérables</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs#G.C3.A9n.C3.A9rateurs">Générateurs</a></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Métaprogrammation">Métaprogrammation</a></span>
  <p><code><a href="/fr/docs/Web/JavaScript/Guide/Métaprogrammation#Les_proxies">Proxy</a></code><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Métaprogrammation#Les_gestionnaires_et_les_trappes">Gestionnaires et trappes</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Métaprogrammation#Proxies_r.C3.A9vocables">Proxy révocable</a><br>
   <code><a href="/fr/docs/Web/JavaScript/Guide/Métaprogrammation#R.C3.A9flexion">Reflect</a></code></p>
 </li>
 <li><span><a href="/fr/docs/Web/JavaScript/Guide/Modules">Modules JavaScript</a></span>
  <p><a href="/fr/docs/Web/JavaScript/Guide/Modules#Exporting_module_features">Exporter</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Modules#Importing_features_into_your_script">Importer</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Modules#Default_exports_versus_named_exports">Exports par défaut</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Modules#Renaming_imports_and_exports">Renommage</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Modules#Aggregating_modules">Agrégation de modules</a><br>
   <a href="/fr/docs/Web/JavaScript/Guide/Modules#Dynamic_module_loading">Chargement dynamique de modules</a></p>
 </li>
</ul>

<p>{{Next("Web/JavaScript/Guide/Introduction")}}</p>