blob: 7995f84c2e2aabe92d76d410e901d6a738251495 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
---
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>
|
