JavaScript: el constructor Function ()

La declaración de función no es la única forma de definir una nueva función; puede definir su función dinámicamente usandoFunction() constructor junto con el new operador.

Note- Constructor es una terminología de Programación Orientada a Objetos. Es posible que no se sienta cómodo por primera vez, lo cual está bien.

Sintaxis

A continuación se muestra la sintaxis para crear una función usando Function( ) constructor junto con el new operador.

<script type = "text/javascript">
   <!--
      var variablename = new Function(Arg1, Arg2..., "Function Body");
   //-->
</script>

los Function()El constructor espera cualquier número de argumentos de cadena. El último argumento es el cuerpo de la función: puede contener declaraciones de JavaScript arbitrarias, separadas entre sí por punto y coma.

Note que el Function()al constructor no se le pasa ningún argumento que especifique un nombre para la función que crea. losunnamed funciones creadas con el Function() se llaman constructores anonymous funciones.

Ejemplo

Pruebe el siguiente ejemplo.

<html>
   <head>
      <script type = "text/javascript">
         <!--
            var func = new 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>

Salida