Ya, pero… ¿qué es el this en javascript? episodio 1

what the fuck is this?

La mala noticia es que el this en javascript es dinámico y va cambiando según el contexto en el que hagamos referencia a él.

En este episodio 1 voy a por lo fácil. Para verlo hay que seguir los siguientes pasos:

  1. Abrir un navegador (Chrome por ejemplo). La página a la que vayas da igual.
  2. Pulsar F12 para abrir las “herramientas del desarrollador”
  3. Ir a la pestaña Consola desde donde podremos ejecutar comandos javascript

Una vez allí escribimos

this

La salida de consola es…..

salida de consola: this devuelve window

 

Eso es, el objeto window, el objeto más global de javascript (cuando se ejecuta en un navegador).

Tiene su lógica ya que en el momento de invocarlo nuestro contexto es el global.

Ahora voy a crear una función que cuelga directamente del contexto global que nos va a imprimir el objeto this.

function imprimirThis(){
console.log(this);
}

Al llamar a esta función con

imprimirThis();

tendremos

Salida de consola. this

Como la función se ejecuta en un contexto global, de nuevo nos devuelve el objeto window. Podrías pensar que  this iba a ser la función, pero no.

Video en youtube.

Hasta ahora muy fácil ¿no? Desgraciadamente, en los siguientes episodios se irá complicando…  😦

Ya, pero… ¿qué es el this en javascript? episodio 1

Un comentario en “Ya, pero… ¿qué es el this en javascript? episodio 1

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s