---
title: Fonction de rappel (callback)
slug: Glossary/Callback_function
tags:
  - Callback
  - Fonction de rappel
  - Glossaire
  - Rappel
translation_of: Glossary/Callback_function
original_slug: Glossaire/Fonction_de_rappel
---
<p>Une fonction de rappel (aussi appelée <em>callback</em> en anglais) est une fonction passée dans une autre fonction en tant qu'argument, qui est ensuite invoquée à l'intérieur de la fonction externe pour accomplir une sorte de routine ou d'action.</p>

<p>Voici un rapide exemple :</p>

<pre class="brush: js">function salutation(name) {
  alert('Bonjour ' + name);
}

function processUserInput(callback) {
  var name = prompt('Entrez votre nom.');
  callback(name);
}

processUserInput(salutation);</pre>

<p>L' exemple ci-dessus est un rappel {{glossary("synchronous","synchrone")}} et il est exécuté immédiatement.</p>

<p><span id="result_box" lang="fr"><span>Notez cependant que les rappels sont souvent utilisés pour continuer l'exécution de code après l'achèvement d'une opération</span></span> {{glossary("asynchronous","asynchrone")}} — ceux-ci sont appelés les rappels asynchrones. Dans l'exemple <a href="https://github.com/mdn/learning-area/blob/master/javascript/asynchronous/introducing/xhr-async-callback.html">xhr-async-callback</a> (<a href="https://mdn.github.io/learning-area/javascript/asynchronous/introducing/xhr-async-callback.html">voir aussi en direct</a>), on utilise la fonction <code>displayImage</code> comme une fonction de rappel pour la fonction <code>loadAsset</code> (cette dernière récupère l'image via une requête <a href="/fr/docs/Glossaire/XHR_(XMLHttpRequest)">XHR</a>).</p>

<p>Exécuté de cette façon, asynchrone via l'API Web <code><a href="/fr/docs/Web/API/XMLHttpRequest">XMLHttpRequest</a></code>, le chargement de l'image ne bloque pas le reste du contenu.</p>

<h2 id="En_apprendre_plus"><strong>En apprendre plus</strong></h2>

<h3 id="Culture_générale"><strong>Culture générale</strong></h3>

<ul>
 <li>{{interwiki("wikipedia","Fonction_de_rappel","Fonction de rappel")}} sur Wikipedia</li>
 <li>
  <p class="entry-title"><a href="https://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/">Comprendre les fonctions de rappel JavaScript et les utiliser</a> (en anglais).</p>
 </li>
</ul>