Les fonctions en JavaScript



Une fonction est un groupe de code 
réutilisable qui peut être appelé
n'importe où dans votre programme.
Cela élimine la nécessité d'écrire le
même code encore et encore. Cela 
aide les programmeurs à écrire des 
codes modulaires. Les fonctions 
permettent à un programmeur de 
diviser un grand programme en plusieurs
fonctions petites et gérables.

Comme tout autre langage de programmation 
avancé, JavaScript prend également en charge 
toutes les fonctionnalités nécessaires pour 
écrire un code modulaire à l'aide de fonctions. 
Vous devez avoir vu des fonctions comme 
alert () et write () dans les chapitres précédents. 
Nous utilisions ces fonctions encore et encore, 
mais ils avaient été écrits dans core JavaScript 
une seule fois.

JavaScript nous permet également d'écrire nos 
propres fonctions. Cette section explique 
comment écrire vos propres fonctions en 
JavaScript.

Définition de la fonction :

Avant d'utiliser une fonction, nous devons la 
définir. La façon la plus courante de définir 
une fonction en JavaScript consiste à utiliser 
le mot-clé de la fonction, suivi d'un nom de 
fonction unique, d'une liste de paramètres 
(qui peut être vide) et d'un bloc d'instructions 
entouré d'accolades.

<script type="text/javascript">
   <!--
      function functionname(paramètres-liste)
      {
         Instructions 
      }
   //-->
</script>
Exemple : Essayez l'exemple suivant. 
Il définit une fonction appelée sayHello 
qui ne prend aucun paramètre -

<script type="text/javascript">
   <!--
      function sayHello()
      {
         alert("Salut tout le monde");
      }
   //-->
</script>
Appel d'une fonction

Pour invoquer une fonction quelque 
part plus tard dans le script, il vous 
suffit d'écrire le nom de cette fonction 
comme indiqué dans le code suivant.

<html>
   <head>
   
      <script type="text/javascript">
         function sayHello()
         {
            document.write ("Salut tout le monde!");
         }
      </script>
      
   </head>
   <body>
      <p> Cliquez sur le bouton suivant pour appeler la fonction </p>
      
      <form>
         <input type="button" onclick="sayHello()" value="Dis salut à tout le monde">
      </form>
   </body>
</html>
 Résultat :

Paramètres de fonction

Jusqu'à maintenant, nous avons vu des 
fonctions sans paramètres. Mais il existe 
une possibilité de passer différents paramètres 
tout en appelant une fonction. Ces paramètres 
passés peuvent être capturés à l'intérieur de 
la fonction et toute manipulation peut être 
effectuée par rapport à ces paramètres. 
Une fonction peut prendre plusieurs 
paramètres séparés par une virgule.

Exemple :

Essayez l'exemple suivant. Nous avons 
modifié notre fonction sayHello ici. 
Maintenant, il faut deux paramètres.

<html>
   <head>
   
      <script type="text/javascript">
         function sayHello(nom, age)
         {
            document.write (nom + " a " + age + " ans.");
         }
      </script>
      
   </head>
   <body>
      <p> Cliquez sur le bouton suivant pour appeler la fonction </p>
      
      <form>
         <input type="button" onclick="sayHello('Mohammed', 47)" value="Dis salut à tout le monde">
      </form>
      
   </body>
</html>
Résultat :

Déclaration de retour :

Une fonction JavaScript peut avoir 
une déclaration de retour facultative. 
Ceci est nécessaire si vous souhaitez 
renvoyer une valeur à partir d'une fonction. 
Cette déclaration devrait être la dernière 
déclaration dans une fonction.

Par exemple, vous pouvez passer deux 
nombres dans une fonction et vous pouvez 
vous attendre à ce que la fonction renvoie 
leur multiplication dans votre programme 
d'appel.

Exemple :

Essayez l'exemple suivant. Il définit une 
fonction qui prend deux paramètres et les 
concatène avant de renvoyer la résultante 
dans le programme appelant.

<html>
   <head>
      
      <script type="text/javascript">
         function concatenate(first, last)
         {
            var full;
            full = first + last;
            return full;
         }
         
         function secondFunction()
         {
            var result;
            result = concatenate('Mohammed ', 'Ali');
            document.write (result );
         }
      </script>
      
   </head>
   
   <body>
      <p>Cliquez sur le bouton suivant pour appeler la fonction </p>
      
      <form>
         <input type="button" onclick="secondFunction()" value="Appel fonction">
      </form>
  
  </body>
</html>


   

1 commentaire:

  1. A handful of roulette variations can be found, together with American roulette, Common Draw Roulette, European roulette, Zoom Roulette, and our private favourite — Double Ball Roulette. Friendly hosts take charge of live American and European roulette 메리트카지노 variants, and you may guess a most of $3,000 per spin if you’re not afraid to go massive. This website accepts quantity of} cost methods, together with different cryptocurrencies, credit/debit playing cards, and financial institution transfers to make deposits and withdraw funds. However, some cost choices, such as credit/debit playing cards, attract a processing payment. As model new} participant at Red Dog Casino, a beneficiant 320% match deposit bonus awaits you on your first deposit, and you’ll want to use the code REDCOIN to get it.

    RépondreSupprimer

Fourni par Blogger.