Carlos Azaustre Profile picture
SWE + Profesor en @UEuropea Comparto contenido sobre Programación y JavaScript en YT. @MVPAward | Web y @Firebase Expert @GoogleDevExpert. @ElgatoES partner.

Aug 19, 2022, 8 tweets

🌟 ¡Despeja tus dudas con las funciones BIND, CALL y APPLY de #JavaScript!

¡Te las explico a continuación! 🧵👇

"Bind", "Call" y "Apply" son funciones de JavaScript que nos permiten trabajar con el objeto THIS cuando éste pierde la referencia al contexto que queremos.
👇

Cuando tienes por ejemplo un objeto con funciones que hacen referencia a otros parámetros internos, y esta función es llamada desde fuera, THIS hace referencia a otro contexto (Como por ejemplo "window" si estas en el navegador o "global" desde #NodeJS)
👇

Imagina éste código de ejemplo que utilizaremos para explicar las 3 funciones.
👇

💻 bind()

Este método crea una nueva función que cuando es llamada, le otorga el 'this' al valor provisto. Si llamamos al método, el 'this' se pierde ya que el contexto ahora es otro y no encuentra el atributo, pero con "bind" se soluciona.
👇

💻 call()

El resultado es el mismo que con 'bind', lo que cambia es la forma de llamarlo, se hace directamente y mantiene el contexto.
👇

💻 apply()

Funciona y se llama prácticamente igual que .call(), la diferencia es que los argumentos se pasan como array.
👇

¿Los conocías? 💬

Sígueme para más tips 👉 @carlosazaustre

Este tema y muchos más los puedes encontrar en mi libro #AprendiendoJavaScript

carlosazaustre.es/libros/aprendi…

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling