Littéraux de fonction JavaScript

JavaScript 1.2 introduit le concept de function literalsqui est une autre nouvelle façon de définir les fonctions. Un littéral de fonction est une expression qui définit une fonction sans nom.

Syntaxe

La syntaxe d'un function literal ressemble beaucoup à une instruction de fonction, sauf qu'elle est utilisée comme une expression plutôt qu'une instruction et aucun nom de fonction n'est requis.

<script type = "text/javascript">
   <!--
      var variablename = function(Argument List) {
         Function Body 
      };
   //-->
</script>

Syntaxiquement, vous pouvez spécifier un nom de fonction lors de la création d'une fonction littérale comme suit.

<script type = "text/javascript">
   <!--
      var variablename = function FunctionName(Argument List) {
         Function Body
      };
   //-->
</script>

Mais ce nom n'a aucune signification, donc cela n'en vaut pas la peine.

Exemple

Essayez l'exemple suivant. Il montre l'utilisation des littéraux de fonction.

<html>
   <head>
      <script type = "text/javascript">
         <!--
            var func = function(x,y) { 
               return x*y 
            };
            function secondFunction() {
               var result;
               result = func(10,20);
               document.write ( result );
            }
         //-->
      </script>
   </head>
   
   <body>
      <p>Click the following button to call the function</p>
      
      <form>
         <input type = "button" onclick = "secondFunction()" value = "Call Function">
      </form>
      
      <p>Use different parameters inside the function and then try...</p>
   </body>
</html>

Production