Método de llamadas de JavaScript

Método de llamadas de JavaScript

"llamar()"Es un método JavaScript predefinido que se utiliza para llamar métodos de varios objetos. El método JavaScript Call () se invoca mientras toma el propietario del objeto como argumento. En esta situación, el "este"La palabra clave se refiere al objeto o al propietario al que pertenece el método. En JavaScript, todas las funciones se consideran métodos de objeto, y si ese no es el caso, la función se utilizará como un objeto global.

Esta redacción discutirá el método JavaScript Call (). Además, también demostraremos cómo usar el método JavaScript Call () para encadenar los constructores de objetos y las funciones de préstamos con la ayuda de ejemplos. Entonces, comencemos!

Método JavaScript Call ()

Una función normal se considera como una instancia del "Función" tipo. Por ejemplo, hemos creado una función de pantalla de muestra que tendrá algún código en su cuerpo:

función display ()
// cuerpo de la función

Ahora, verifique la asociación entre la función Display () y la "Función"Ejecutando el a continuación"consola.registro()" función. Volverá "verdadero", Ya que nuestra función de pantalla definida () es una instancia de la"Función" tipo:

consola.log (mostrar instancia de función);

Sintaxis del método JavaScript Call ()

En JavaScript, el "Función"El tipo comprende un método"llamar()"Que tiene la siguiente sintaxis:

nombre de la función.Llame (Thingg, Arg1, Arg2, ...);

Como puede ver en la sintaxis, el "llamar()"El método invocará la función"nombre de la función". El primer argumento, "thantarg"Del método de llamada, representa"este"Valor, y también permite establecer el valor de"este"A un objeto especificado. Los argumentos restantes, como "arg1","arg2"... pueden ser los argumentos normales de la función creada.

Ejemplo 1: Uso del método JavaScript Call ()

Después de definir una función en JavaScript, tenemos que invocarla para que pueda realizar las operaciones adicionales. En esta situación, cuando se llama la función creada, la función JavaScript invoca el método de llamada () para esa función.

Por ejemplo, hemos creado un DisplayFunc () que mostrará una cadena "Esto es linuxhint.comunicarse"En la ventana de la consola:

función displayFunc ()
consola.Log ('Este es Linuxhint.com ');

Ahora, invocaremos nuestro DisplayFunc () función usando el nombre de la función:

displayFunc ();

Le mostrará la siguiente salida:

Invocando el función displayfunc () o invocar el Método de llamada () Para el función displayfunc () mostrará la misma salida:

exhibición.llamar();


Dentro de una función, "este"El valor se establece en el objeto global de forma predeterminada, que es"global"En el nodo.JS y "ventana"En los navegadores web. Ejecución de la función dada a continuación lo ayudará a comprender este concepto:

función displayFunc ()
consola.log (esto);

Al llamar al DisplayFunc (), El valor de "este"Que se establece en el"ventana"Objeto, será devuelto:

displayFunc ();

Ejemplo 2: Uso del método JavaScript Call ()

En primer lugar, crearemos un "suma()"Función con los parámetros"X" y "Y". Dentro del cuerpo del "suma()"Función, agregaremos el código para devolver la adición de los argumentos aprobados:

función suma (x, y)
return x + y;

Ahora, en lugar de llamar al "suma()"Función directamente, hemos utilizado el"llamar()"Método para invocar nuestro creado"suma()" función. Aquí, en este caso, el valor de "este"Se establecerá en el objeto global:

Sea resultado = suma.llamar (esto, 89, 98);
consola.log (resultado);

Eche un vistazo al ejemplo proporcionado y su salida:

Ejemplo 3: Uso de la función JavaScript Call ()

En este ejemplo, en primer lugar, crearemos un "saludo" variable:

Var saludo = 'hola';

A continuación, definiremos un "mensaje"Objeto que tiene una propiedad llamada"saludo":

VAR Mensaje =
Saludo: 'Hola'

Después de hacerlo, crearemos un "bienvenido()" función. Dentro de "bienvenido()"Función, nos referiremos al"saludo"Variable con"este" valor:

Función Bienvenido (nombre)
consola.Log (esto.saludo + " + nombre);

Ahora, si invocamos el "bienvenido()"Mensaje mientras pasa"este" y 'Marca'Como argumentos, mostrará la salida dada a continuación:

bienvenido.llamar (esto, 'marca');

En el otro caso, también puede invocar el "bienvenido()"Función con el"llamar()"Método mientras pasa el"mensaje"Objeto como el valor de"este":

bienvenido.llamar (mensaje, 'marca');

Al hacerlo, verá una cadena "Hola, Mark"Como salida:

Constructores de objetos de encadenamiento utilizando el método JavaScript Call ()

También puede utilizar el método de llamada () para encadenar a los constructores de objetos. No sé cómo hacer eso? Mira el siguiente ejemplo.

Ejemplo: Constructores de objetos de encadenamiento utilizando el método JavaScript Call ()

Para mostrarle cómo encadenar a los constructores de objetos utilizando el "llamar()"Método, en primer lugar, creamos una función Object () que tiene dos parámetros de longitud y amplitud:

objeto de función (longitud, amplitud)
este.longitud = longitud;
este.amplitud = amplitud;

A continuación, crearemos otro "Widget ()"Función que comprende tres parámetros: longitud, amplitud y color. Para asignar el valor al "longitud" y "amplitud"Variable, invocaremos la función Object () con el método Call (). Para el "color"Variable, su valor se asignará dentro del"Widget ()" función:

widget de función (longitud, amplitud, color)
objeto.llamar (esta, longitud, amplitud);
este.color = color;

Ahora, crearemos un nuevo "widget"Objeto que tiene una longitud"90", Amplitud"70", Y color como"azul" valores:

Let widget = new Widget (90,70, 'azul');
consola.log (widget);

Consulte la salida del ejemplo anterior:

Préstamo de función usando el método JavaScript Call ()

El pedido de funciones es un concepto en el que un objeto utiliza el método de otro objeto. Esta sección demostrará el procedimiento de endeudamiento de funciones utilizando el método JavaScript Call ().

Ejemplo: préstamos de funciones usando el método JavaScript Call ()

Para explicar el préstamo de la función, lo primero que debemos hacer es crear dos objetos y definir algunas funciones para cada uno de ellos. Para hacerlo, agregaremos un "bicicleta"Objeto, tener un"nombre"Propiedad y tres métodos simples: start (), speedup () y stop ():

const bike =
Nombre: 'Bike',
inicio: function ()
consola.Log ('Inicie su' + esto.nombre);
,
Speedup: functer ()
consola.registrar ('acelera tu' + esto.nombre)
,
parar: function ()
consola.Log ('detén tu' + esto.nombre);

;

Después de hacerlo, crearemos otro objeto ","avión"Que contienen un"nombre"Propiedad y una"volar" función:

Const Airplane =
Nombre: 'avión',
volar: function ()
consola.log ('Vuela tu avión');

;

Ahora, usaremos el método "llamar ()" para invocar el "comenzar"Método del"bicicleta"Objeto en el"avión" objeto:

bicicleta.comenzar.llamar (avión);

Como puede ver en la salida que hemos tomado con éxito el método del objeto de bicicleta para el objeto de avión:

Conclusión

En JavaScript, Call () es un método integrado que se puede utilizar para invocar el método o función de un objeto como su primer parámetro. También puede utilizar el método JavaScript Call () con un objeto para usar un método que pertenece a otro objeto. Este artículo sobre el método JavaScript Call (). Además, también hemos demostrado el uso del método JavaScript Call () para encadenar los constructores de objetos y las funciones que toman prestado con la ayuda de ejemplos.