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!!
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.
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! ❤️
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!
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
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! 🥳🥳
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!!!
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??
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!
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
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
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".
@@midulive Me ha costado pero creo que ya lo he captado. El arrow function no tiene this, por tanto lo obtiene del scope superior a donde se declare. Es lo mismo que ocurre cuando usas cualquier otra referencia de un scope superior. Dicho de otra forma, this en una arrow function no es diferente de cualquier otra variable y/o función que al no existir en su scope, se busca en el scope superior.
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
var hace que se pegue al objeto global que era parte de la explicación. :) era una explicación de this, no de let o const. 😅 cómo os gusta sacarle punta a todo, la leche.
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 :,(
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
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 🤣
10 месяцев назад
Moraleja: Adiós a las funciones comunes!! 🤣... muchas gracias.
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.
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!
Alguna idea de que pasó con la cocina del código? Tenía todo el potencial de crecer, pero no subió más videos :c
@@matyXDgo F
La mejor explicación de this que he visto en todo youtube, muchas gracias por tu aporte a los que apenas iniciamos con Javascript.
Gracias a ti!
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!!
🔥🔥🔥 esoooooooo!!!
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!
Soy programador desde hace poco y estoy más que agradecido de tener estos vídeos a mano para seguir aprendiendo. Muchas gracias
Midu, no existen palabras para agradecer todo lo que enseñas
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! ❤️
miduvdev es lo mejor que le ha sucedido a la comunidad
Muy buena explicación del this, gracias midu!
Explicación clara y concisa. Disparas muy fino!! 👌👏
Estaba buscando precisamente ahora informacion sobre this y this.midu
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!
De los temas más oscuros de JS , pero si voy de la mano de Midu .. no pasa nada!! Gracias!!!
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
Intuía esto, pero la forma en la que lo explicaste me dejo más claro el concepto Gracias por eso
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! 🥳🥳
Muy buena explicación, muchas gracias.
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!!!
Me encanta la forma de definirlo como “el dueño” es muchísimo mas intuitivo que referirse al contexto.
Sip! :)
Oh, lo recuerdo de mi querido Actionscript. Gracias Midu.
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
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?
Mil gracias por crear y compartir!
muy genial tu explicación
Super! Yo creo que también haré un vídeo al respecto en ReactJS
Me quedé en una entrevista por este tema del this. Aprendido y nunca se me olvidará. 🤣🤣🤣🤣
viernes de repasar conceptos de JS.
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 Midu! Saludos
Gracias hermano gracias
¿Qué software usas para hacer estos ejemplos? ¿Es VSCode con alguna extension para poder ver los console.log ahi al lado?
Este es uno de los temas más interesantes de JS
Jaajjajajajaja que bueno las explicaciones así concretas
Gracias Midu :)
Mejor explicado imposible
Muy buen video, faltó como funciona el this en una clase
Midu puedes hacer un video sobre el uso de bind. Por cierto muy buen video lo he aclarado
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!
Hola! consulta, cual es el IDE que se usa para la explicacion?! Gracias.
Que extensión usas para ver las impresiones en otra pestaña?
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
Gracias!
Buenas te he empezado a ver hace poquito, como se llama la herramienta que usas para evaluar el código en Real time?
Podrías explicar el bind() gracias!
This. Acaba de explotar mi mente ajjajja
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
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
Genial!
Me interesa saber la extención que usas para que las arrow functions se combiertan el una flecha
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".
this no tiene valor en la arrow function. No es que se decida de dónde se inicializa, es que al no tener valor entonces usa el del scope superior.
@@midulive Me ha costado pero creo que ya lo he captado.
El arrow function no tiene this, por tanto lo obtiene del scope superior a donde se declare. Es lo mismo que ocurre cuando usas cualquier otra referencia de un scope superior. Dicho de otra forma, this en una arrow function no es diferente de cualquier otra variable y/o función que al no existir en su scope, se busca en el scope superior.
Exactamente. 👍
realmente el THIS, se refiere a la instancia de la función, clase, instancia de ejecución. Aplica igual que en muchos lenguajes.
De forma resumida this en español significa "Esto" o "Esta" haciendo referencia a un elemento o funcion dentro del padre o dueño
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
var hace que se pegue al objeto global que era parte de la explicación. :) era una explicación de this, no de let o const. 😅 cómo os gusta sacarle punta a todo, la leche.
Como se ocuparia el bind
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 :,(
Como hace para ejecutar el código al lado :O
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)
Arc hay trabajos para inglés b2
me inicié con ActionScript de Flash y ahí se usaba mucho el this, quizá por eso nunca se me complicó usarlo
Coño al fin entiendo el this
Si le das like al vídeo salen colores 🤩🎉
Yo tb creí que arrow function apuntaba al global, no se cuantas veces respondí eso en mis entrevistas jaja
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
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 🤣
Moraleja: Adiós a las funciones comunes!! 🤣... muchas gracias.
Alguien que me diga cuál es el tema :(
Excelente video JAJAJAJAJA 🤣
ay el java krih
estoy mas perdido despues de este video xD
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.
Esto es this
jajaja traducción literal
El this en JS es una cosa amorfa horrible. Es mejor en otros lenguajes, dónde el this es tu amigo y no enemigo.
Llévate this.
No entendi nada xd
no entendi casi nada pero no me rindo
no entendi nada jajajjajajajaja
this.midudev=god;