Invocar una función con un constructor de funciones en JavaScript

En JavaScript, invocar una función con una función "constructor"Es diferente de invocar una función como un"método"E invocándolo como un"función"Porque crea un nuevo objeto que hereda las propiedades y métodos de su función de constructor, y los otros dos métodos no incluyen herencia. Así que asegúrese de estar utilizando el método correcto para invocar la función para ejecutar el código JavaScript de manera eficiente.

Este tutorial presenta sintaxis y ejemplos de llamar a una función utilizando un constructor de funciones. También diferenciará cómo el método de invocación del constructor de funciones es diferente de los otros dos métodos. Entonces, comencemos!

Invocar una función como constructor de funciones

En el siguiente ejemplo, crearemos un "X"Objeto invocando el"MYARG ()"Constructor de funciones:

función myarg (arg1, arg2)
este.radio = arg1;
este.altura = arg2;

var x = nuevo MYARG (1,2)
consola.log (x);

La salida de este programa se proporciona a continuación:

El ejemplo anterior primero definió una función "MYARG ()". Después de eso, hemos creado un "X"Objeto invocando el"MYARG ()"Función como un constructor de funciones. El constructor de la función luego heredará las propiedades de la función original. Podemos ver que solo los valores se aprobaron como argumentos al "MYARG ()"Función, pero la salida también muestra las propiedades asociadas con ellos.

Ahora, veremos los otros métodos para invocar una función en JavaScript.

Invocar una función como una función

Es sencillo invocar una función como una función en JavaScript. La función no crea un nuevo objeto, pero JavaScript creará globalmente un objeto. La función siempre pertenecerá a la página HTML, que es el objeto predeterminado de la función. Podemos invocar una función simplemente usando su nombre y aprobando los argumentos de acuerdo con los parámetros especificados.

Ejemplo: invocar una función como una función

En este ejemplo, crearemos un "myFunction ()"Con dos parámetros"a" y "b", Y devolverá el producto de los valores de los argumentos aprobados:

función myfunction (a, b)
devolver a * b;

MyFunction (10, 2); // regresará 20

Invocar una función como método

JavaScript también nos permite invocar una función como método. En el siguiente ejemplo, podemos ver que el método FullName es una función que pertenece a un objeto, y "myobject"Es el propietario de la función. Aquí el "este"La palabra clave también se usa en el código. El valor de "este"En este método es lo que myobject devuelve.

Ejemplo: invocar una función como método

En el ejemplo dado a continuación, hemos creado un objeto llamado "myobject"Tener dos propiedades"nombre de pila","apellido"Y un"nombre completo" método. El "nombre completo"El método pertenece al" myobject "y es una función.

Para invocar el método "FullName ()", simplemente lo invocaremos con la ayuda de "myobject" de la siguiente manera:

const myobject =
FirstName: "Alcei",
LastName: "Jhon",
FullName: function ()
devolver esto.FirstName + "" + esto.apellido;


myobject.nombre completo(); // devolverá "Alice John"

Como puede ver en la salida, el método FullName ha devuelto los valores de "nombre de pila" y "apellido" propiedades:

Por qué utilizar un constructor de funciones para invocar una función?

El uso de otros métodos de invocación en lugar de los constructores de funciones puede causar problemas relacionados con la seguridad y el rendimiento, ya que otros métodos crean funciones dinámicas. El constructor de funciones ayuda a crear una función que se pueda ejecutar solo en el alcance global.

Invocar una función con un nuevo constructor de funciones

Un constructor de funciones requiere uno o más argumentos de cadena. En contraste, el último argumento mostrará el cuerpo de la función, que consiste en las declaraciones de JavaScript adicionales separadas con semicolones.

Ejemplo: invocar una función con un nuevo constructor de funciones

El siguiente ejemplo muestra cómo invocar una función con un nuevo constructor de funciones:

Haga clic en el siguiente botón para llamar a la función

Nota

Un constructor de funciones nunca pasará un argumento que especifique el nombre de la función creado en el código. Declarará automáticamente una función como una función anónima.

Conclusión

En JavaScript, invocar una función con un constructor de funciones no es característico y se basa en la herencia. Aún así, este método para invocar funciones tiene sus beneficios y puede ser útil en ciertas situaciones. Este tutorial discutió el procedimiento de invocar una función con la ayuda del constructor de funciones. También explicamos la diferencia entre invocar la función como un constructor de funciones, invocar la función como un método e invocar la función como una función con la ayuda de ejemplos.