The difference between function and arrow function
HTML-код
- Опубликовано: 7 сен 2024
- Knowing all the possibilities that the functions give us will help us make better decisions when creating our applications.
Subscribe for more content about JavaScript.
Code of excercise 👉 github.com/Leo...
A course about JavaScript 👉 platzi.com/cur...
Class of This 👉 • This en JavaScript
Class of Fetch 👉 • Fetch API en JavaScrip...
Class of Promises 👉 • Elimina el Callback He...
Follow me to see the behind-the-scenes and exclusive content 👇🏼
/ leonidasesteban
/ leonidasesteban
github.com/leo...
![Megan Thee Stallion - Neva Play (feat. RM) [Official Video]](http://i.ytimg.com/vi/TpYTyAaTRts/mqdefault.jpg)
En 10 minutos comprendi mejor el tema de las arrow functions que en todo el curso de javascript de platzi. Sería genial que le hicieran refactoring a ese curso contigo dictandolo.
Eso estaría buenísimo
¿El curso de fundamentos de JS que da Sacha?
@@Terrycsm yo vengo de allí.
Opino lo mismo, vengo de la mitad del curso de Fundamentos de JS de Platzi, y en el video de Leonidas lo pude entender muchísimo mejor. Gracias Senpai.
Somos Anti platzy
Muy bien explicado ...mejor que la mayoría de los tutoriales en inglés que he visto. Gracias por tu aporte amigo !!!
Excelente clase.. La mejor forma de comprender this y arrow function que he visto hasta ahora... Muy bien hecho Crack...
Muchas gracias Carlos, tu feedback me da ánimos para continuar
Eres muy bueno en esto, realmente enseñar no es para todos, gracias.
Guardado en mis videos favoritos.
❤️❤️❤️❤️ muchas gracias
Que buena forma de explicar, me hubiera gustado ver tus cursos en Platzi, ya lo tenia pagado y los sacaron sin mas, una lastima, espero poder entrar a tus cursos en tu propio sitio web, explicas muy bien e inspiras ^^
Gracias Esteban!!!!
Gracias a ti por encontrarle el valor 🫶
Perfecto, Yo siempre usaba las funciones normales... no las arrow functions, porque no las entendia. Gracias, ya las entiendo y veo que me servira mucho, saludos
Recuerda que una no reemplaza la otra, tienen sus casos de uso.
La verdad que realizas un buen trabajo en cada uno de tus tutoriales, recién empiezo a aprender JavaScript y me a sido de mucha ayuda todo el contenido que compartes :) saludos desde Guatemala.
Mil gracias Gerson, tus buenos deseos hacen que esto ocurra semana a semana
esta es una clase magistral, felicidades nadie te quita ese merito. :)
Mil gracias :) esto motiva mucho
Excelente, muchas gracias te entendi bien pero un poco largo el video, muchas gracias tienes un suscriptor mas!
Podría durar más, no hablamos ni de los métodos call, bind, apply.
Mil gracias
Estupendo Leonidas, Vi dos de tus cursos en Platzi y me gustaron mucho ambos, la parte de Remote Debugging, los medía queries y detección de eventos con JS al menú Hamburguesa. Me encanto... muy bien explicado. Gracias por compartir tus conocimientos. Y gracias por hablar más pausado jejeje a veces sueles hablar tan pero tan rápido que me cuesta saber lo que dices. 😘😘 Un Beso Saludos. 👋
Hey que alegría saber esto! Gracias por suscribirte, comparte los vídeos 😁
Justo estoy tomando el curso de fundamentos de Javascript. Este es un buen complemento
Maravilloso!
Te rifas Leonidas, hasta que entiendo los dos conceptos, muchas gracias.
Muchas gracias por compartir tus conocimientos. Muy bien explicado!!
genial aprendo nuevas cosas sobre javascript y sobre los pokemon en este canal.. saludos leonidas :)
jajajaja la parte de Pokémon es la importante 😎
Leonidas te felicito explicas muy bien
El curso de js en Platzi si le falta mucho yo tengo que buscar por otros lados para que me quede bien entendido de. Lo que hablan y siempre llego a estos videos de Leonidas y son gratis 🙀🙀🙀 me siento hasta estafado 😹😹😹
;)
exelente
Eres una máquina Leonidas, gracias por tus aportes a la comunidad! Sigue así que conmigo ya tienes otro suscriptor! Una única cosa es si puedes hablar menos rápido por favor :) Un saludo desde Madrid!
Me recordó a Freddy enseñando en el curso de programacion básica. Buen video ✌️
Que honor
Me gusto mucho la explicacion.
Casi, me iba sin escuchar la última parte donde hablas de REACT, que era la razón por la que llegué a este video. MUY BUENA EXPLICACIÓN!!, aunque me quedé con la intriga de no tener una definición exacta de EL CONTEXTO SUPERIOR al que hace referencia this en un arrow function. Tengo la idea, no sé si correcta o no, de que finalmente todo es ejecutado en el contexto de WINDOW y eso me confunde. SLDS! espero estrenes otro curso más en PLATZI pronto.
Es una cadena, en el ejercicio es window. Pero si hubiera una funciona dentro de otra función dentro de otra definitivamente eso podría cambiar
Oye, me ha gustado tu explicación, gracias. Podrías decirme a qué lista de reproducción pertenece este video, así hago la práctica de todo el ejercicio completo ?
Muchas gracias!
¡Hola! ¿Qué libros recomiendas para aprender más sobre JavaScript?
cinco semanas en globo
Gracias, @@melushie. Y Veinte mil leguas de viaje submarino para aprender SQL. ( ꈍᴗꈍ)
Rifado man! Muy bien explicado ;)
Excelente clase Leonidas 👏👏👏
Mil gracias Darwin, recuerda compartirla en redes sociales :D
Toma mi like te lo mereces..
Que honrado de tener su like 😍 que te gustaría aprender en otra clase?
excelente explicacion!!
Mil gracias Arturo! Suscríbete y comparte las clases
Muy bueno el vídeo, una de las desventajas de las arrow functions es que no se puede usar la variable global arguments, supongo que es por lo reciente que es
Exacto!! Y un par de cosas más
Leonidas una pregunta, podríamos resumir el getRandomId con simplemente, Math.round(Math.random * 150) ? Probé en consola y me funciona bien, al multiplicar por 150 y redondear hace que nunca nos de 0, pero que si nos de 150
🤔 esto tiene todo el sentido
Leonidas... realmente creo que tengo un problema. He estado estudiando JavaScript a través de documentación y tutoriales; he entendido conceptos como ámbitos de variables (usos, definición...) , scope, métodos, clases y funciones; pero me ha costado crear un programar e integrar cada uno de los conceptos. ¿qué puede suceder? quizás es porque apenas estoy empezando a aprender.
PD:
Preparas excelentes vídeos y me han sido de gran ayuda para entender conceptos sobre Javascript. ¡eres el mejor sin duda!
Me gusta tú metodología porque te enfocas en problemas reales y no a los típicos tutoriales que sólo explican sintaxis sin transcendencia.
alfonso luis arrieta hernandez vas por un gran camino, te falta mentoria para alinear ese conocimiento y hacer que con el crees una aplicación. Puedes seguir viendo el contenido del canal y hacer todas tus preguntas en los comentarios o puedes entrar en mis planes de mentoria que encuentras en www.patreon.com/LeonidasEsteban prometo que vale la pena
Lo único que puedo decir es..... gracias infinitas!
De que me afecta ponerle const, var o let a una funcion flecha? Lo entiendo con variables pero no con las funciones
Por si las vas a redefinir, los cuál sería muy extraño así que usa const por allá o function()
@@LeonidasEsteban Gracias ya lo comprendo :)
Muchas gracias Leonidas. Por favor donde puedo conseguir información de debugger me interesó mucho el tema
Estaría súper bueno dedicar una clase a formas de hacer debug en JavaScript
@@LeonidasEsteban sería de muchísima ayuda
jajajaja este man como enseña de charro, muy teso el pelao, y muy gracioso para enseñar, perfectirijillo.
jajajaja bueno ... gracias ... creo 😂
@@LeonidasEsteban gracias por compartir tus conocimientos, eres un Maestro.
A qué se refiere con instancia? con agregar una instancia? y con instanciar?
para mi es como si el método estuviere dormido como que no puedes acceder a el directamente y cuando lo inicializas o instancias a una variable o constante se despertara y luego de eso ya puedes ponerlo en acción :)
Es un concepto de programación orientada a objetos que significa crear un objeto a partir de otro. En este caso nuestra clase nos sirve de base para crear instancias/objetos de esa clase
Un vídeo juego de Pokémon con Javascript
El Scope ?
victor caballero Definitivamente hablamos del scope en la clase
oh yes please
Scope lo determinas tú al usar una variable, funtcion o lo que sea. Sí o sí, lo tienes que implementar, eso define la buena práctica define la buena práctica de programación. Más bien es un tema conceptual; pues así lo veo yo.
Esta genial el curso de Sasha en Platzi y esta clase también. Muy buenas todas las reflexiones de Leonidas! Y... a vos Leonidas... te digo... que estoy esperando tu curso de animaciones en React- Native. Por favor!!!! Soy diseñador y te ayudo si necesitas con alguna grafica que te haga falta para ese curso. Avisame a mi twiter @ferchu3146 o mi linkedin www.linkedin.com/in/fernando-pioli-mart%C3%ADnez-215bb756/
Si tienes un diseño de alguna app manda a me@leonidasesteban.com me gusta llevar diseño a código en el canal
@@LeonidasEsteban creo que en este caso aplica "NO NEWS, BAD NEWS" o sea que el curso de animaciones para REACT-NATIVE en Platzi... . Bueno, me sambullo en el ADOBEXD y te preparo algo lindo para animar en mobile, a ver si te inspiro! Aunque sea algún video x acá. Saludazo!
Tengo entendido que los arrow function son funciones lamda , que las bien se basa de la programación funcional la cual nos ayuda a escribir menos código, si estoy mal corrinjame
miguel ortega efectivamente son funciones anónimas, hay detalles de sintaxis que suele ser la razón de su adopción pero técnicamente la más valiosa es como funciona “this” dentro de ella donde encontramos su verdadero valor. Todo eso lo veremos en la clase de hoy 👌
@@LeonidasEsteban Estaría bueno que en platzi hagas un curso de programación asíncrona con JS la verdad contigo he aprendido todo lo que se de frontend
hola como estas excelnete video
plis ayudame
estoy intentando restringir un elemento html a solo numeros , se que quizas hay otras formas pero en esta forma de aqui no se cual es el problema.
estoy capturando el elemento , se esta disparando el evento cada que doy clic pero el problema es que a pesar que la funcoin arroja false igual se escribe en pantalla plis tu ayuda
const horasPresupuestadas = document.querySelector("@");
horasPresupuestadas.addEventListener("keypress", (e) => {
console.log(e);
const tecla = (e.which) ? e.which : e.keyCode;
return ((tecla > 47 && tecla < 58) || tecla == 46 || tecla == 08 || tecla == 51 || tecla == 188);
},false)
como te digo ya hice el debug y todo se ejectua arroja false y todo he intentado hasta hacer esto para obligar a que siempre se ejecute false pero igual se sigue escribiendo en pantalla
horasPresupuestadas.addEventListener("keypress", (e) => {
console.log(e);
const tecla = (e.which) ? e.which : e.keyCode;
return false;
},false)
cual crees que sea el error que tengo para uqe el false no se este respetando
no chingues, media hora para explicar eso v:
www.w3schools.com/js/js_arrow_function.asp
Si estás aquí debe ser por una razón :)
En 28 min me confundiste más
soy un manco en javaScript como hago para ser pro ?
Poco a poco iras mejorando. Esta sensación es completamente normal al inicio, solo sigue practicando y #noTeRindas
@@LeonidasEsteban que practicas me recomiendas hacer bro es que todos me dicen practica pero como practico en que
?
Sigue todas las clases del canal. Son muy prácticas
@@LeonidasEsteban Amigo tienes algún vídeo sobre la clase toggle en el dom que me puedas recomendar gracias ...!
BlueFutbol haz el código de todos las clases del canal, eso para iniciar. Cuando hagas todo eso vuélveme a preguntar.
Jajaja ese curso de platzi de introducción a js está más tedioso aburrido y confuso que nada. Aquí en diez minutos uno entiende más que en 10 lecciones de ese curso en Platzi