🌟 ¡Despeja tus dudas con las funciones BIND, CALL y APPLY de #JavaScript!
¡Te las explico a continuación! 🧵👇
¡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.
👇
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.
👇
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.
👇
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…
Sígueme para más tips 👉 @carlosazaustre
Este tema y muchos más los puedes encontrar en mi libro #AprendiendoJavaScript
carlosazaustre.es/libros/aprendi…
• • •
Missing some Tweet in this thread? You can try to
force a refresh
