Retourner à la page d'accueil de TJS

Objet : Function

          

Objet permettant la déclaration de fonction JavaScript

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

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 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 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

Chercher une fonction, un objet, ...

Le graph des objets Javascript



Chargement
en cours...

Le guide complet du javascript

Le Guide Complet du JavascriptEn savoir plus sur mon livre aux Editions Micro Application
Le 20/11/2017 08:32:23 sur php7 en 86.99 ms