Les fonctions de Javascript

.....

Les fonctions de Javascript

JavaScript cours tutorial

Les objets de type Function sont, comme dans tous les langages, très utilisés. Une fonction est un ensemble structuré d'instructions javascript qui effectue un traitement et retourne un résultat

Fonctions de Javascript

JavaScript permet de manipuler des fonctions préexistante et de créer des fonctions personnelles javascript.
Pour demander au navigateur d'exécuter un script lors du chargement de la page, vous pouvez mettre votre script dans une fonction.

Pour créer une fonction on la déclaration dans le code source de la page grâce au mot clé function.
Une fonction contient le code qui sera exécuté par un événement ou par un appel à la fonction.
Une fonction peut être déclarée de n’importe ou dans la page, dans le <head> ou dans la section de <body> d'un document.
Cependant, s'assurer qu'une fonction ne soit lue/ chargée par le navigateur avant qu'elle ne soit appelée, il pourrait être plus sage de mettre les fonctions dans la section du <head>.

Comment définir une fonction

Syntaxe :

function nom-de-la-fonction(var1,var2,...,varX)
{
code à exécuter
}

Les paramètres var1, var2, etc. sont des variables ou des valeurs passées dans la fonction. { Et} définit le début et la fin de la fonction.

Note : Une fonction sans des paramètres doit toujours inclure les parenthèses () vides après le nom de fonction.
Note : N'oubliez pas l'importance des capitaux dans le Javascript ! les mots de La fonction doivent être écrit avec des lettres minuscules, autrement une erreur de Javascript se produit !
Notez également que vous devez appeler une fonction avec les mêmes capitaux exacts que dans le nom de fonction.

Exemples de fonction de Javascript
Dans cet exemple La fonction voirmessage() n’a aucune variable et ne sera exécuté que si on clique sur le bouton d'entrée.

Exemple 1

Sélectionner le code

<html>
<head>
<script type="text/javascript">
// déclaration de la fonction voirmessage()
function voirmessage()
{
alert("Bonjour tout le monde!\n ce message est affiché par la fonction voirmessage");
}
</script>
</head>
<body>
<form>
<!--appel de la fonction par l’événement onclick -->
<input type="button" value="Clique ici!" onclick="voirmessage()" />
</form>
</body>
</html>

 

l’instruction return

Dans l’exemple suivant la fonction prend 2 variables et doit envoyer une valeur.
Dans ce cas on utilise l’instruction return.
L’instruction return est employé pour spécifier la valeur qui doit être retourner par la fonction.
Ainsi, les fonctions qui vont renvoyer une valeur doivent employer l’instruction return.

L'exemple ci-dessous renvoie le produit de deux nombres (x et y) :

Exemple 2

Sélectionner le code
	
<html>
<head>
<script type="text/javascript">
// déclaration de la fonction 
function product(a,b)
{
return a*b;
}
</script>
</head>
<body>
<script type="text/javascript">
// appel de la fonction 
document.write(product(12,4));
</script>
</body>
</html>

 




Par carabde 30 mars 2014