📚 ¿Qué es this en JavaScript? Explicación fácil, directa y sencilla con ejemplos 

Esta y la de La Cocina Del Código, son las explicaciones más claras sobre This que existen en español. Eres un duro!

La mejor explicación de this que he visto en todo youtube, muchas gracias por tu aporte a los que apenas iniciamos con Javascript.

Qué recuerdos me ha traído tu explicación, desarrollé un videojuego de los micromachine en el Bootcamp con JavaScript y hay "this" por todas partes, como siempre un placer ver tus explicaciones.

Grande Midu haces ver fácil lo difícil , ojalá todos los profes educaran con la misma pasión que tu! eres un grande!

Midu, no existen palabras para agradecer todo lo que enseñas

Me había visto como otros 5 videos sobre this sin tener 100% claro que es y como funciona (porque soy torpisimo), hasta que he visto este. Claro, sin rodeos y contando lo realmente clave. Gracias!!

Muchas gracias Midu!!! Tan genial como siempre!! Ahora faltan unos cuantos explicando qué es el contexto de ejecución vs contexto vs entornos léxicos, cómo se gestiona todo en JS (la pila de llamadas, etc) y unos cuantos vídeos sobre el event loop para que la gente vaya entendiendo bien los entresijos de JS. Como siempre, muchas gracias por compartir tus conocimientos! ❤️

Soy programador desde hace poco y estoy más que agradecido de tener estos vídeos a mano para seguir aprendiendo. Muchas gracias

Muy buena explicación del this, gracias midu!

Explicación clara y concisa. Disparas muy fino!! 👌​👏​

recuerdo que con el tema del hoisting yo vi esto, del this como el objeto que seria el dueño de la funcion que en modo estricto como mostras en pantalla seria undefine, por otro lado seria window, la verdad genial como siempre, midu, explicando y enseñando cositas, muchisimas gracias por tu gran aporte a la comunidad!

Estaba buscando precisamente ahora informacion sobre this y this.midu

Uhhhhh esperaba un video asi Midudev un like poderoso para ti y animate a hacer mas videos de NodeJs y react con ejercicios basicos intermedios y avanzados

Gracias por el video midu me aclaró todas las dudas que tenía del tema. Respecto al inicio del video, ahora entiendo por que las empresas no piden programadores Junior en las empresas, si luego no quieren entender cosas como estas. En fin, yo necesitaba este video, muchas gracias!!!

Intuía esto, pero la forma en la que lo explicaste me dejo más claro el concepto Gracias por eso

La verdad que el concepto es muy simple y la explicación es clara, no sé porque en otras explicaciones lo hacen parecer mas difícil de lo que es

Muy buena explicación, muchas gracias.

Yo lo uso, porque en dónde laboro lo usan, y solo sabía el que todos saben de dar contexto, pero con esta explicación entiendo un poco más, que grande! 🥳🥳

De los temas más oscuros de JS , pero si voy de la mano de Midu .. no pasa nada!! Gracias!!!

Mil gracias por crear y compartir!

Me encanta la forma de definirlo como “el dueño” es muchísimo mas intuitivo que referirse al contexto.

Gracias Midu! Saludos

muy genial tu explicación

Oh, lo recuerdo de mi querido Actionscript. Gracias Midu.

Lo malo es que no le puedo dar like más de una vez al video, EXCELENTE crack ♥

Excelente video, lo voy agarrando la mano. Que editor estas utilizando? Es vim?

Super! Yo creo que también haré un vídeo al respecto en ReactJS

Gracias Midu :)

Midu puedes hacer un video sobre el uso de bind. Por cierto muy buen video lo he aclarado

¿Qué software usas para hacer estos ejemplos? ¿Es VSCode con alguna extension para poder ver los console.log ahi al lado?

Gracias hermano gracias

Gracias!

Hola tengo poco tiempo aprendiendo JS. gracias por tu aporte agradecido .. una pregunta??? que utilizas para mostrar los resultados en el editor a mano derecha .. Saludos

Una pequeña duda, en una arrow function, como no se bindea 'this.ejemploObjeto' , podría llamar directamente a 'ejemploObjeto' ?? o serguiría necesitando de una función padre de contexto??

Me interesa saber la extención que usas para que las arrow functions se combiertan el una flecha

Mejor explicado imposible

Muy buen video, faltó como funciona el this en una clase

Genial!

Se que no es exactamentr igual, pero el this lo aprendí desde c#, y creo que en JS es mas facil de entender. Buen video midu! Pd: a veces no se que pasa pero escucho que se peta el micro un poco

Que extensión usas para ver las impresiones en otra pestaña?

Me quedé en una entrevista por este tema del this. Aprendido y nunca se me olvidará. 🤣🤣🤣🤣

Jaajjajajajaja que bueno las explicaciones así concretas

Podrías explicar el bind() gracias!

Buenas te he empezado a ver hace poquito, como se llama la herramienta que usas para evaluar el código en Real time?

Este es uno de los temas más interesantes de JS

GUAU, en este ejemplo tan simple acabo de ver la programación pasar por mi mente. Me he quedado con que 'this' hace referencia al owner, pero cuando el owner es una arrow function, no se bindea 'this', se podría solucionar metiendo esta arrow function en una función de contexto 😊 Una pequeña duda, en una arrow function, como no se bindea 'this.ejemploObjeto' , podría llamar directamente a 'ejemploObjeto' ?? o serguiría necesitando de una función padre de contexto?? Gracias!

De forma resumida this en español significa "Esto" o "Esta" haciendo referencia a un elemento o funcion dentro del padre o dueño

This. Acaba de explotar mi mente ajjajja

realmente el THIS, se refiere a la instancia de la función, clase, instancia de ejecución. Aplica igual que en muchos lenguajes.

Hola, creo que me ha quedado un poco más claro lo que es el THIS, sin embargo, he visto que a mi me seguia dando undefined y la razon es por que tenia el modo 'use strict'. entonces a lo que voy es lo siguiente: Si quiero usar bien los THIS tengo que quitar el modo 'use strict' , me refiero específicamente con functions. Me causa un poco de ruido, ya que algunos dicen que esta bien usar el 'use strict' pero veo que si usare functions con this me marcara undefined.... Soy nuevo y me causa confusion :,(

Midu, banco a full que expliques this, pero usar var? Convienen reservadas como let y const que son dependientes del scope, entonces se modulariza mucho mejor el uso de memoria (y por ende la velocidad de carga). Me duele el var siempre que lo veo xd

Como se ocuparia el bind

me inicié con ActionScript de Flash y ahí se usaba mucho el this, quizá por eso nunca se me complicó usarlo

para este tipo de casos es mas facil ilustrar cada cosita del global, el window y el this (creo que se da a entender mas con dibujos)

Como hace para ejecutar el código al lado :O

Coño al fin entiendo el this

Arc hay trabajos para inglés b2

Yo tb creí que arrow function apuntaba al global, no se cuantas veces respondí eso en mis entrevistas jaja

Pues mira que yo venia tranquilo a estudiar un poco a resolver dudas, a recoger conceptos que utilizas pero no terminas de comprender todo relajadito con mi botellita de agua, y ya me hiciste poner pausa, ir por una avena con leche (ya que te estoy viendo en la noche) para poder entender esto con calma y ponerme a tope, ahora vuelvo

Creo que es incorrecto decir que las arrow function no tienen "dueño". Es solo que su dueño se decide por donde se inicializan, en lugar de donde se ejecutan. Por poner un ejemplo claro, cuando declaras una arrow function, en realidad como lo está traduciendo javascript es algo parecido a: const arrowFunc = function() { const self = this return function() { console.log(`El propietario de arrowFunc es ${self.name}`) } }(); El valor "this" para una arrow function, es el mismo que el de "self" para el ejemplo que pongo. Da igual donde ejecutes la función resultado, el dueño va a ser siempre donde se inicializó arrowFunc. En el ejemplo de 9:38, si nos fijamos, se está inicializando "getName" como una nueva arrow function cada vez que invocamos a la función "context", y por tanto el valor de "this" para "getName" va a ser siempre el dueño de "context".

ay el java krih

Yo aprendí sobre THIS hasta que empecé a ocupar VueJS, donde es esencial comprender el contexto dónde se ejecuta THIS, y porqué se pierde ese contexto cuando se ocupan ARROW FUNCTIONS. Hasta entonces me quedó claro lo del THIS.

El valor del "this" depende del contexto en el que se encuentra. Si esta en el contexto del "OBJETO GLOBAL" su valor sera, el que tenga la variable que esta en el objeto global. Si su contexto cambia a por ejemplo "const miContexto = {...}" su valor sera al que este en el contexto del objeto "miContexto" De esa manera lo entendi yo 🤣

Si le das like al vídeo salen colores 🤩🎉

Alguien que me diga cuál es el tema :(

Excelente video JAJAJAJAJA 🤣

Esto es this

Moraleja: Adiós a las funciones comunes!! 🤣... muchas gracias.

Llévate this.

No entendi nada xd

El this en JS es una cosa amorfa horrible. Es mejor en otros lenguajes, dónde el this es tu amigo y no enemigo.

capaz vos también arrancaste no sabiendo nada de Javascript, cómo estudiaste y entendiste no te da el derecho de reírte de los demás. te falta humildad amigo

no entendi casi nada pero no me rindo

no entendi nada jajajjajajajaja

this.midudev=god;