JavaScript esto | Explicado
Uno de los conceptos más desafiantes y utilizados en JavaScript es el "estePalabra clave. JavaScript usa el "este"Palabra clave de manera diferente a otros idiomas. Sin embargo, es esencial para crear un código JavaScript más avanzado. Como principiante, podría ser de alguna manera para usted comprender el uso de la palabra clave mencionada, pero no se preocupe!
Esta publicación explicará el "este"Palabra clave y su uso en JavaScript.
¿Qué es "esto" en JavaScript??
"este"Es la palabra clave en JavaScript que se refiere a un objeto que ejecuta el bloque de código existente. Representa un objeto que está invocando la función actual. Se usa en múltiples escenarios de diferentes maneras, como:
-
- En método
- En el manejo de eventos
- En funciones
Veamos cada uno de los usos mencionados uno por uno!
Cómo usar "esto" en los métodos JavaScript?
"este"Se usa en los métodos de JavaScript como un enlace implícito. Cuando se llama a la función con la ayuda de un objeto y un punto, se considera vinculación implícita, y "este"Señala el objeto durante la llamada de función.
Ejemplo
Primero, crearemos un objeto con algunas propiedades y un método y luego usaremos el "estePalabra clave para obtener los valores de las propiedades del objeto:
var personainfo =
Nombre: "John",
Edad: 20,
info: function ()
consola.log ("hy! Yo soy " + esto.nombre + "y yo soy" + esto.edad + "años de edad");
A continuación, llame al "info ()Método junto con el nombre del objeto:
persona.info ();
Se puede ver que los valores de propiedad especificados del objeto actual se muestran correctamente:
Si quieres usar "este"En el manejo de eventos, siga la sección a continuación.
Cómo usar "esto" en el manejo de eventos JavaScript?
En este ejemplo, consulte el uso del "estePalabra clave en el manejo de eventos. Para esto, considere un ejemplo en el que ocultaremos nuestro botón con un solo clic. Para hacerlo, cree un botón y adjunte un "al hacer clic()"Evento con él para acceder al estilo.Propiedad de visualización con el "este"Palabra clave que ocultará el botón cuando se haga clic:
Haga clic para ocultar el botón
Producción
Si está confundido sobre el uso del "estePalabra clave en funciones definidas por el usuario en JavaScript, siga la sección dada.
Cómo usar "esto" en las funciones de JavaScript?
Durante el uso "este"En las funciones, hay tres tipos de enlaces en JavaScript, que incluyen:
-
- Enlace predeterminado
- Vinculación implícita
- Vinculación explícita
Entendámoslos individualmente!
Ejemplo 1: Uso de esta palabra clave en enlace predeterminado
En enlace predeterminado, el "este"La palabra clave actúa como un objeto global. Se usa principalmente en funciones independientes.
Entendamos el concepto declarado con un ejemplo.
Primero, crearemos una variable "X"Y asignarlo el valor"15":
var x = 15;
Luego, defina una función llamada "functionDb ()"Y su definición de función, cree una variable con el mismo nombre"X"Y asignarlo un valor"5", Entonces, imprima su valor usando el"consola.registro()"Método con"estePalabra clave:
var funcionDb = function ()
var x = 5;
consola.Log (esto.X);
Por último, llame al "functionDb ()" función:
functionDb ();
Debido al uso del "este"Palabra clave, la salida muestra el valor de"X" como "15"Porque actúa como un objeto global y el proceso se llama"Vinculación dinámica":
Ejemplo 2: Uso de esta palabra clave en vinculación implícita
Cuando la función es llamada por un objeto o un símbolo de puntos, "este"La palabra clave actúa como un vinculante implícito. Señala el objeto durante la llamada de función.
En este ejemplo, definiremos una función "info ()"Y usa el"estePalabra clave en la definición de función:
función info ()
consola.log ("hy! Yo soy " + esto.nombre + "y yo soy" + esto.edad + "años de edad")
Luego, cree un objeto llamado "persona"Con propiedades definidas:
var personainfo =
Nombre: "John",
Edad: 20,
Información: Información
Ahora, llame al objeto de la función a lo largo:
persona.info ();
Producción
Ejemplo 3: Uso de esta palabra clave en un enlace explícito
La unión explícita también se llama "estímulo"Porque la función se llama con fuerza para utilizar un objeto particular para"este"Enlace, sin poner una referencia de función de propiedad en el objeto. Para este propósito, los métodos de llamada (), aplicar () y bind () se pueden usar.
Ahora utilizaremos la misma función llamada "info ()"Definido en el ejemplo anterior. Luego, cree un objeto llamado "persona"Con los siguientes valores:
var personainfo =
Nombre: "John",
Edad: 20
Para invocar la función llamada "info ()", Usaremos el"llamar()Método y pasar el objeto creado como un argumento:
información.llamar (Personinfo);
Como la información () no es parte del objeto, todavía lo hemos accedido explícitamente:
Para llamar explícitamente una función, también puede usar los métodos Aplicar () y Bind (). El método Apply () es idéntico al método de llamada (), mientras que el método bind () crea una nueva función con el mismo cuerpo y alcance que se comporta de la misma manera que la función original. El método bind () se puede utilizar para devolver una función que puede usar más tarde.
Para llamar a la información () con el método Aplicar (), use la siguiente declaración:
información.Aplicar (PersonInfo);
Da la misma salida que el método Call () da:
Para llamar "info ()" con el "unir()"Método, utilice la declaración dada:
información.Bind (PersonInfo);
Producción
Hemos compilado toda la información esencial relacionada con el "estePalabra clave.
Conclusión
"este"Es la palabra clave en JavaScript que se refiere a un objeto que ejecuta el bloque de código existente. Representa el objeto que está invocando la función actual. Se utiliza en múltiples escenarios de diferentes maneras, incluidos métodos, manejo de eventos y funciones. En esta publicación, hemos explicado el "estePalabra clave en JavaScript.