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
43
44
45
46
47
|
---
title: Structure de contrôle
slug: Glossaire/Structure_de_contrôle
tags:
- Encodage
- Glossaire
- JavaScript
translation_of: Glossary/Control_flow
---
<p>Les <em>structures de contrôle</em> déterminent l'ordre dans lequel l'ordinateur exécute les instructions d'un script.</p>
<p>Le code est exécuté dans l'ordre de la première ligne du fichier jusqu'à la dernière ligne, sauf si l'ordinateur parcourt une des (très fréquentes) structures qui modifie le cours d'exécution du programme, comme des conditions et des boucles. </p>
<p>Par exemple, imaginons un script utilisé pour valider les données saisies par l'utilisateur dans un formulaire sur une page web. Le script envoie la donnée validée, mais si l'utilisateur, disons, laisse vide un champ obligatoire, le script lui demandera de le remplir. Pour faire cela, le script utilise une structure {{Glossary("Conditional", "conditionelle")}} ou <code>if...else</code>, afin que le code s'exécute différemment, selon que le formulaire est complété ou non :</p>
<pre>if (champ==vide) {
demanderUtilisateur();
} else {
envoyerForm();
}
</pre>
<p>Un script classique en {{glossary("JavaScript")}} ou {{glossary("PHP")}} (et autres langages similaires) comporte de nombreuses structures de contrôle, dont des conditions, des {{Glossary("Loop", "boucles")}} et des {{Glossary("Function", "fonctions")}}. Des portions de script peuvent aussi être amenées à être exécutées quand des {{Glossary("Event", "événements")}} se produisent.</p>
<p>Par exemple, l'extrait de code ci-dessus peut être placé dans une fonction qui se lance quand l'utilisateur clique sur le bouton <strong>Submit</strong> du formulaire. La fonction peut aussi être intégrée dans une boucle qui parcourt tous les champs du formulaire pour les vérifier chacun à tour de rôle. En regardant à nouveau le code des sections <code>if</code> et <code>else</code>, les lignes <code>demanderUtilisateur</code> et <code>envoyerForm</code> peuvent également être des appels vers d'autres fonctions du script. Comme vous pouvez le voir, les structures de contrôle peuvent imposer des flux de traitement complexes même avec peu de lignes de code.</p>
<p>Le contrôle de flux montre que lorsque vous lisez un script, vous ne devez pas seulement le lire du début à la fin, mais vous devez aussi regarder la structure du programme et voir comment cela affecte l'ordre d'exécution.</p>
<h2 id="Pour_en_savoir_plus">Pour en savoir plus</h2>
<h3 id="Culture_générale">Culture générale</h3>
<ul>
<li>{{Interwiki("wikipedia","Structure_de_contrôle","Structure de contrôle")}} sur Wikipédia</li>
</ul>
<h3 id="Référence_technique">Référence technique</h3>
<ul>
<li><a href="/fr/docs/Web/JavaScript/Reference#Contrôle_du_flux">Référence JavaScript - Structure de contrôle</a> sur MDN</li>
</ul>
<h3 id="Apprendre">Apprendre</h3>
<ul>
<li><a href="/fr/docs/Web/JavaScript/Guide/Contrôle_du_flux_Gestion_des_erreurs">Instructions (Structure de contrôle)</a> sur MDN</li>
</ul>
|
