oujood.com

Les fonctions de Javascript

Dans ce tutoriel, vous apprendrez à définir et à appeler une fonction en JavaScript.
Les objets de type Function sont très utilisés. Une fonction est un ensemble structuré d'instructions javascript qui effectue un traitement et retourne un résultat

chercher |

Les fonctions de Javascript

Qu'est-ce qu'une fonction ?

Une fonction est un groupe d'instructions qui exécutent des tâches spécifiques et peuvent être conservées et maintenues séparément du programme principal. Les fonctions fournissent un moyen de créer des paquets de code réutilisables qui sont plus portables et plus faciles à déboguer. Voici quelques avantages de l'utilisation des fonctions :

Les fonctions réduisent la répétition du code dans un programme - Les fonctions vous permettent d'extraire les blocs de code les plus utilisés dans un seul composant. Vous pouvez maintenant effectuer la même tâche en appelant cette fonction où vous voulez dans votre script sans avoir à copier et coller le même bloc de code encore et encore.

Les fonctions rendent le code beaucoup plus facile à maintenir - une fonction créée une fois pouvant être utilisée plusieurs fois, toute modification apportée à l'intérieur d'une fonction est automatiquement mise en œuvre à tous les endroits sans toucher aux différents fichiers.

Les fonctions facilitent l'élimination des erreurs - Lorsque le programme est subdivisé en fonctions, si une erreur se produit, vous savez exactement quelle fonction est à l'origine de l'erreur et où la trouver. Par conséquent, la correction des erreurs devient beaucoup plus facile.

La section suivante vous montrera comment définir et appeler des fonctions dans vos scripts.

Fonctions de Javascript

JavaScript permet de manipuler des fonctions préexistante intégrées à javascript et de créer et manipuler vos propres fonctions personnelles javascript.
Par exemple 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, pour 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 <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. Les accolades { Et } définissent 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 la 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

Exemple :       Copier 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 dans l'exemple ci-dessous renvoie le produit de deux nombres (x et y) :

Exemple 2

Exemple :       Copier 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>

Exemple de fonction qui affiche la somme de trois variables variables

Code

Exemple :       Copier le code

<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
 <title>Les fonctions en javascript</title>
</head>
<body>
    <script>
// Définir la fonction
function afficherSomme(nbr1, nbr2,nbr3) {
    var total = nbr1 + nbr2 + nbr3;
    alert(total);
}
 
// Appel de la fonction
afficherSomme(6, 20,15); // Affiche: 41
afficherSomme(-5, 17,10);// Affiche: 22
    </script>
    
</body>
</html>

Vous pouvez définir autant de paramètres que vous le souhaitez. Cependant, pour chaque paramètre que vous spécifiez, un argument correspondant doit être transmis à la fonction lorsqu'elle est appelée, sinon sa valeur devient indéfinie et peut générer une erreure.




Par carabde 30 mars 2014



Voir aussi nos tutoriel :

Détermine si une variable est de type chaîne de caractères">is_string

 Détermine si une variable est de type chaîne de caractères

fonction convert_cyr_string, convert_cyr_string

Convertit une chaîne d'un jeu de caractères cyrillique l'autre

margin-right

Définit la marge de droite d'un élément