🌟 ¡Aprende como se usan BIND, CALL y APPLY en 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 "Aprendiendo JavaScript"

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

May 6
3ª sesión de "Revisando Portfolios de la Comunidad".

▶️
Ya lo tienes en el YouTube 2ºdario! Image
Esta fue la 2ª sesión
Y esta la 1ª que hicimos
Read 4 tweets
May 6
🪄 3 Trucos de JavaScript para controlar el multiverso 🌌

🧵👇 3 trucos con JavaScript por @carlosazaustre
1️⃣ Array con elementos únicos

Combinando un SET con el operador SPREAD puedes construir un array a partir de otro con elementos únicos sin repetir Elementos únicos en Arrays  const frameworks = ['React', 'N
2️⃣ Convertir de String a Number

“Sumar” un número y un String da como resultado una concatenación de strings.

Si realmente necesitas sumar dos números, necesitas convertir el String, o utilizar el truco del operador ‘+’ antes de la variable Convertir de String a Number  const num1 = 10; const num2 =
Read 5 tweets
Mar 17
⭐️ 10 Repositorios en GitHub para mejorar como #JavaScript Developer 💻

Te los comparto en el siguiente "Worker Thread"
🧵 👇
➡️ JavaScript Styleguide github.com/airbnb/javascr…

➡️ Node.js Best Practices github.com/goldbergyoni/n…

➡️ JavaScript Algorithms github.com/trekhleb/javas…

➡️ JavaScript Questions github.com/lydiahallie/ja…

➡️ 33 JS Concepts github.com/leonardomso/33…
➡️ Clean Code JavaScript github.com/ryanmcdermott/…

➡️ You Don't Know JS github.com/getify/You-Don…

➡️ Awesome JavaScript github.com/sorrycc/awesom…

➡️ 30 Seconds of Code github.com/30-seconds/30-…

➡️ Project Guidelines github.com/elsewhencode/p…
Read 4 tweets
Mar 1
🌟 ¡Despeja tus dudas con las funciones BIND, CALL y APPLY de #JavaScript!

¡Te las explico a continuación! 🧵👇 Image
"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)
👇
Read 8 tweets
Feb 17
¿Quieres tener un commit en GitHub el día que naciste? 🐣

Te explico cómo
🧵👇 Image
1️⃣ Crea un proyecto en una carpeta. Con un fichero sirve

2️⃣ Inicia un repositorio con "git init"

3️⃣ Añade el fichero "git add ."

Y ahora viene lo bueno
👇
4️⃣ Cuando vayas a hacer el commit, fuerza la fecha a la de tu nacimiento (u otra fecha que quieras destacar)

git commit -m 'initial commit' --date 1984-12-08

👇
Read 6 tweets
Feb 11
💫 Manejando la Asincronía en #JavaScript 💫

Es uno de los pilares de JavaScript como lenguaje. Manejar el flujo del programa es esencial para trabajar con JavaScript

Estos son los principales métodos para que la domines 🧵👇
🤷🏽‍♀️ ¿Por qué usarla?
Permite que múltiples cosas ocurran al mismo tiempo.

Cuando inicias una acción, tu programa sigue en marcha. Cuando la acción finaliza, el programa es informado y obtiene acceso al resultado.
👇
🤔 ¿Cuándo utilizar la asincronía?

En operaciones bloqueantes, que son cuando leemos o escribimos en disco, o cuando hacemos una petición HTTP (Fetch) para traer o enviar datos al servidor a través de una API o WebService.
👇
Read 10 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!

:(