Literais de função JavaScript

JavaScript 1.2 introduz o conceito de function literalsque é outra nova maneira de definir funções. Um literal de função é uma expressão que define uma função sem nome.

Sintaxe

A sintaxe para um function literal é muito parecido com uma instrução de função, exceto que é usada como uma expressão em vez de uma instrução e nenhum nome de função é necessário.

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

Sintaticamente, você pode especificar um nome de função enquanto cria uma função literal da seguinte maneira.

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

Mas esse nome não tem nenhum significado, então não vale a pena.

Exemplo

Experimente o seguinte exemplo. Mostra o uso de literais de função.

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

Resultado

↰ Previous page