🌟 ¡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.
👇 const libro = { title: "Aprendiendo JavaScript", a
💻 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.
👇 const libroComment = libro.comment; libroComment('Elon Musk'
💻 call()

El resultado es el mismo que con 'bind', lo que cambia es la forma de llamarlo, se hace directamente y mantiene el contexto.
👇 libro.comment.call(libro, 'Elon Musk'); // Elon Musk compró
💻 apply()

Funciona y se llama prácticamente igual que .call(), la diferencia es que los argumentos se pasan como array.
👇 libro.comment.apply(libro, ['Elon Musk']); // Elon Musk comp
¿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…

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Carlos Azaustre

Carlos Azaustre Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @carlosazaustre

Aug 18
💡¿Necesitas ideas para aplicar tus conocimientos en proyectos personales?

Te comparto una lista de 5 posibles proyectos que puedes crear para tu portfolio

🧶👇
1️⃣ Página web usando HTML + CSS, que puede ser la página de tu futuro portfolio como Developer.

Si quieres ir un paso más, puedes hacerla con Next.js y Markdown 👇

2️⃣ Utiliza JavaScript para crear una app no demasiado compleja, puede usar un API Externo. Una idea puede ser una app que muestre el tiempo en tu zona.
Read 7 tweets
Aug 11
¿Quieres trabajar como Freelance y no preocuparte de buscar clientes, gestionar cobros, etc etc?

Mira este recurso que te comparto 🧵👇
🍋 LEMON .io (@lemoneyeo)

Una plataforma para desarrolladores con experiencia que quieran trabajar con Startups de alto nivel de Europa y USA.

Creando tu perfil, te ofrecerán proyectos que hagan match con tu experiencia, tecnologías y disponibilidad.

l.lemon.io/carlosazaustre
@lemoneyeo El proceso es muy simple:

1️⃣ Regístrate y ellos revisarán tu aplicación
2️⃣ Haz un test de Inglés de 15 minutos
3️⃣ Ten una videollamada para que puedas presentarte
4️⃣ Y finalmente una entrevista técnica

Y listo, ya estás preparado/a para empezar tu primer proyecto
Read 4 tweets
Aug 9
10 cosas que se necesitan para empezar a desarrollar aplicaciones web

🧵👇
1️⃣ Lenguaje de programación: JavaScript

2️⃣ Editor de código (VSCode o WebStorm te valen)

3️⃣ Terminal. Será tu mejor amiga

4️⃣ Librerías y Frameworks: React/Next, Vue/Nuxt, Angular,...

5️⃣ HTML Semántico

👇
6️⃣ Patrones en CSS (BEM u OOCSS)

7️⃣ Desarrollo Orientado a Componentes

8️⃣ Arquitectura: MVC o 3-Layers

9️⃣ Testing (Jest, Testing Library, Cypress)

🔟 Despliegue a Producción

👇
Read 4 tweets
Aug 8
¿Por qué hay tanta gente que quiere o busca ser Full-Stack?
☝️ En mi opinión está bien saber un poco de todo.

Así tienes una visión global del flujo de desarrollo de software y producto.

Pero en el día a día esto no es asumible.
En el trabajo, hay muchas funcionalidades que sacar, bugs que corregir, código que refactorizar... Si tienes que ser responsable de toda la cadena, eso acaba contigo 🤯
Read 4 tweets
Aug 4
📦 Hilo con todos Los TIPOS de DATOS BÁSICOS en JavaScript!

🧵⬇️
Se pueden almacenar valores de cualquier tipo en las variables. Hay 8️⃣ tipos de datos en JavaScript.

Es un lenguaje dinámicamente tipado. Eso significa que las variables no están vinculadas a un tipo de dato en concreto.

Una vez pueden guardar un número, otras un texto.
1️⃣ NUMBER

Representa numeros enteros y de coma flotante.

Hay valores especiales como:

- Infinity, que representa el infinito matemático
- NaN, que representa un error de cálculo, por ejemplo divivir un texto entre 2 Image
Read 11 tweets
Aug 2
¿Centrar un DIV con CSS?

Te cuento 3 formas de hacerlo
🧵👇 Image
1️⃣ Usando Position div {   position: absolute;...
2️⃣ Usando Flexbox div {   display: flex;   al...
Read 5 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(