<< Retour au sommaire

 

 

Les fonctions

 

 

 

Le sommaire :

  1. Introduction.
  2. Fonctions avec paramètres.
  3. Fonctions qui retournent une valeur.

 

Introduction

 

Une fonction est un morceau de programme qui réalise une tâche bien précise, qui doit être autonome et peut être utilisée par différents fichiers.

Les morceaux de programmes ainsi autonomes se distinguent en deux catégories :

  1. les procédures, qui ne retournent aucune valeur.
  2. Les fonctions, qui retournent une valeur.

 

Seulement, en JavaScript, nous donnerons le nom de « fonction » dans les deux cas…

 

La fonction se déclare par l’intermédiaire du mot clef function, le contenu de cette dernière devant être placé entre accolades.

 

Attention, une fonction doit être déclarée avant sa première utilisation…

 

La syntaxe de base :

function NomDeLaFonction(Paramètres)

{

Code de la fonction. }

 

La description :

function est le mot clé qui permet de définir la fonction.

NomDeLaFonction est le nom de la fonction et doit respecter les mêmes règles que les noms de variables.

Paramètres est une liste facultative de déclarations de variables passées en paramètres au moment de l’appel de la fonction.

 

Un exemple :

Ici, nous définissons une fonction intitulée « Message » dans le bloc <head> de la page.

Cette fonction ne fait qu’afficher le message « Bienvenue sur ma page ».

Dans le bloc <body>, avant d’afficher le texte, « Comment allez-vous ? », et ce, depuis le bloc <p>, nous allons exécuter la fonction « Message ».

 

<html>

<head>

<script type=«text/javascript»>

function Message()

{ document.write("Bienvenue sur ma page"); } </script>

<title> bonjour </title>

</head>

<body>

<script type=«text/javascript»>

Message(); </script>

<p>Comment allez-vous ?</p>

</body>

</html>

 

 


fonctions avec paramètres

 

Une fonction peut recevoir un ou plusieurs paramètres.

La syntaxe :

<script language= »Javascript »>

function NomDeLaFonction(Paramètre1,Paramètre2 etc.)

{ code de la fonction }

</script>

 

La description :

NomDeLaFonction est le nom de la fonction.

Paramètre1 est un nom de variable qui va contenir la première valeur passée en paramètre dans les parenthèses lors de l’appel de la fonction.

Paramètre2 est un nom de variable qui va contenir la deuxième valeur passée en paramètre dans les parenthèses lors de l’appel de la fonction.

  Idem pour « Paramètre3 » Etc.

Les paramètres sont séparés par une virgule.

 

Voici un exemple qui va utiliser la fonction « Message » pour afficher un message de bienvenue ainsi que la signature du développeur.

Cette fonction aura donc 2 paramètres.

 

<html>

<head>

<script type=«text/javascript»>

function Message(texte,signature)

{ document.write(texte+" signé "+signature); } </script>

<title> bonjour </title>

</head>

<body>

<script type=«text/javascript»>

Message("Bienvenue sur ma page","Philippe"); </script>

<p>Comment allez-vous ?</p>

</body>

</html>

 

 


fonctions qui retournent une valeur

 

Une fonction peut retourner un résultat par l’intermédiaire de « return ».

Il suffit d’introduire « return » dans la fonction suivie de la valeur à retourner.

 

Voici un exemple qui calcule le cube de 5 :

 

<html>

<head>

<title> bonjour </title>

<script type=«text/javascript»>

function Cube(Valeur)

{ // calcul du cube de la valeur reçue en paramètre

VarCube = Valeur * Valeur * Valeur;

// Retourne le résultat

return VarCube; } </script>

</head>

<body>

<h1>Résultat pour le calcul du cube de 5</h1>

<p>

<script type=«text/javascript»>

document.write(Cube(5));

</script>

</p>

</body>

</html>

 

Philippe BOULANGER