Vous êtes ici Tutoriel Les fonctions

Lien utile

Tutoriel sur le JavaScript - Les fonctions

Tous niveaux


Tutoriel écrit par LaurentG alias KOogar le 3 Mars 2009


Les fonctions en JavaScript se comportent de la même manière que dans de nombreux langages de programmation (C, C + +, PHP, etc.). Par contre, si c'est votre premier apprentissage des fonctions, assurez-vous d’étudier cette leçon très attentivement.

Sommaire :




Les fonctions



Qu’est ce qu’une Fonction ?

Une fonction est la partie d’un code qui se trouve en sommeil jusqu'à ce qu'elle soit référencée ou appelée à remplir sa «fonction». Non seulement les fonctions assurent l’exécution du script d’une façon contrôlable, mais elles offrent de plus un gain de temps important pour l’exécution des tâches répétitives.
Au lieu d'avoir à taper le code chaque fois que vous voulez faire quelque chose, vous pouvez simplement appeler la fonction à plusieurs reprises pour obtenir le même effet. Cet avantage est également connu sous le nom de " réutilisation du code ".

Exemples de Fonctions en JavaScript

Une fonction qui ne doit pas s’exécuter lors du chargement d'une page doit être placée à l'intérieur de l’en-tête de votre document HTML. Créer une fonction est vraiment très facile. Tout ce que vous avez à faire est de dire au navigateur que vous êtes en train de faire une fonction, donner à la fonction un nom, et ensuite d’écrire le code JavaScript comme d’habitude. Ci-dessous, voici l'exemple de la fonction d'alerte de la leçon précédente.

.01
.02
.03
.04
.05
.06
.07
.08
.09
.10
.11
.12
.13
.14
.15
  <html>
<head>
<script type="text/javascript">
<!--
function popup() {
    alert("Bonjour tout le monde")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="popup()" value="popup">
</body>
</html>

Nous avons d'abord dit au navigateur que nous allions utiliser une fonction en écrivant "function". Ensuite, nous avons donné un nom à notre fonction, afin que nous puissions l'utiliser plus tard.

Les accolades "{,}" définissent les limites du code de notre fonction. Tous les codes des fonctions doivent être contenue dans des accolades.

Il est possible que vous soyez un peu confus par le fait qu’à l’intérieur de notre fonction "popup", une autre fonction appelée "alerte" est utilisée, qui fait apparaître une fenêtre contenant le texte que nous lui avons fourni. Il est parfaitement possible d'utiliser des fonctions au sein de fonctions, comme nous l'avons fait ici. En outre, c'est l'une des bonnes choses dans l'utilisation des fonctions!