Retourner ' la page d'accueil de TJSRetourner ' la page d'accueil de TJS

Objet : Function

Objet permettant la déclaration de fonction JavaScript

Syntaxe
function([parametres]) { */ Instructions */ }

Compatible tous navigateurs

Description
Une fonction est un ensemble structuré d'instructions JavaScript qui effectue un traitement et retourne un résultat.

Propriétés
arity Nombre de paramètres
caller Fonction appelante

Sous-objet
arguments Tableaux des paramètres passés lors de l'appel à la fonction

Exemple 1 : Trois modes de création de fonction
Code source
<script type="text/javascript">
   function AuCarre_V1(valeur) {
       return valeur*valeur;
   }

   AuCarre_V2 = new Function("valeur", "return valeur*valeur;");

   AuCarre_V3 = function(valeur) {
       return valeur*valeur;
   }

   document.write("AuCarre_V1(3) = " + AuCarre_V1(3) + "<br>");
   document.write("AuCarre_V2(3) = " + AuCarre_V2(3) + "<br>");
   document.write("AuCarre_V3(3) = " + AuCarre_V3(3) + "<br>");
</script>

Résultat
Emulation de la console
Explication
Cet exemple montre 3 manières de créer une fonction qui return son paramètre d'entrée au carré :

La fonction AuCarré_V1() est créée de la manière classique.

La fonction AuCarre_V2() est créée par le constructeur Function qui attend 2 paramètres.
Le premier paramètre est la chaîne de caractères correspondant à la liste des paramètres (appelé entête) de la fonction.
Le second est la chaîne de caractères correspondant au code source (appelé corps) de la fonction.

La fonction AuCarré_V3() est créée par la méthode anonyme. Voir l'exemple suivant pour plus de détail.

Exemple 2 : Déclaration de fonction anonyme
Code source
<div id="monHorloge"></div>
<script type="text/javascript">
 setInterval(function() {
   var dt=new Date();
   var heure=dt.getHours()+":"+dt.getMinutes()+":"+dt.getSeconds();
   document.getElementById("monHorloge").innerHTML = heure
 }, 250);
</script>

Résultat
Emulation de la console
Explication
La déclaration de fonction anonyme vient du fait qu'elle ne porte pas de nom.
La fonction appelée par setInterval() toutes les 250 ms est simplement définie dans l'appel à setInterval(). Elle ne peut pas être réutilisée ailleurs.
Page mise à jour le

Troisième édition Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 4 janvier 2023

Version papier 29€90
Format électronique 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 23/04/2024 18:56:02 sur php 7 en 93.18 ms