The difference between function and arrow function

Поділитися
Вставка
  • Опубліковано 15 гру 2024

КОМЕНТАРІ • 97

  • @carlosmariomorarestrepo8959
    @carlosmariomorarestrepo8959 5 років тому +50

    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.

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому +2

      Eso estaría buenísimo

    • @Terrycsm
      @Terrycsm 4 роки тому +2

      ¿El curso de fundamentos de JS que da Sacha?

    • @jeanpaulocampo4399
      @jeanpaulocampo4399 4 роки тому +1

      @@Terrycsm yo vengo de allí.

    • @jeanpaulmatosrojas9090
      @jeanpaulmatosrojas9090 4 роки тому +2

      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.

    • @adolforuiz3114
      @adolforuiz3114 3 роки тому +1

      Somos Anti platzy

  • @kikemadrigalr
    @kikemadrigalr 4 роки тому

    Excelente clase.. La mejor forma de comprender this y arrow function que he visto hasta ahora... Muy bien hecho Crack...

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому +1

      Muchas gracias Carlos, tu feedback me da ánimos para continuar

  • @asalvaz
    @asalvaz 7 місяців тому

    Gracias Esteban!!!!

    • @LeonidasEsteban
      @LeonidasEsteban  6 місяців тому +1

      Gracias a ti por encontrarle el valor 🫶

  • @mapa5000
    @mapa5000 4 роки тому

    Muy bien explicado ...mejor que la mayoría de los tutoriales en inglés que he visto. Gracias por tu aporte amigo !!!

  • @estebangomez3799
    @estebangomez3799 4 роки тому +1

    Eres muy bueno en esto, realmente enseñar no es para todos, gracias.

  • @gustavolondono1820
    @gustavolondono1820 4 роки тому

    Leonidas te felicito explicas muy bien

  • @oleonunez
    @oleonunez 4 роки тому

    esta es una clase magistral, felicidades nadie te quita ese merito. :)

  • @Jose_IKJ
    @Jose_IKJ 3 роки тому +1

    Excelente, muchas gracias te entendi bien pero un poco largo el video, muchas gracias tienes un suscriptor mas!

    • @LeonidasEsteban
      @LeonidasEsteban  3 роки тому

      Podría durar más, no hablamos ni de los métodos call, bind, apply.

  • @programandoConFelipe
    @programandoConFelipe Рік тому

    Guardado en mis videos favoritos.

  • @gersonchali8922
    @gersonchali8922 5 років тому

    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.

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому

      Mil gracias Gerson, tus buenos deseos hacen que esto ocurra semana a semana

  • @jocsanmairena4222
    @jocsanmairena4222 4 роки тому

    Me gusto mucho la explicacion.

  • @Alex-ny5yl
    @Alex-ny5yl 2 роки тому

    Mil gracias

  • @claudiayoanaibanezsanta8978
    @claudiayoanaibanezsanta8978 4 роки тому

    Muchas gracias por compartir tus conocimientos. Muy bien explicado!!

  • @domakedev-desarrollowebful7121
    @domakedev-desarrollowebful7121 3 роки тому +1

    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 ^^

  • @LenRM
    @LenRM 5 років тому

    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. 👋

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому

      Hey que alegría saber esto! Gracias por suscribirte, comparte los vídeos 😁

  • @eduardozamarronmunoz4285
    @eduardozamarronmunoz4285 5 років тому

    Justo estoy tomando el curso de fundamentos de Javascript. Este es un buen complemento

  • @jsfdz
    @jsfdz 5 років тому

    genial aprendo nuevas cosas sobre javascript y sobre los pokemon en este canal.. saludos leonidas :)

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому

      jajajaja la parte de Pokémon es la importante 😎

  • @sholopinky
    @sholopinky 5 років тому +1

    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

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому

      Recuerda que una no reemplaza la otra, tienen sus casos de uso.

  • @Karen-fy7mq
    @Karen-fy7mq 2 роки тому

    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 ?

  • @dontqsy5101
    @dontqsy5101 4 роки тому

    De que me afecta ponerle const, var o let a una funcion flecha? Lo entiendo con variables pero no con las funciones

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому +1

      Por si las vas a redefinir, los cuál sería muy extraño así que usa const por allá o function()

    • @dontqsy5101
      @dontqsy5101 4 роки тому

      @@LeonidasEsteban Gracias ya lo comprendo :)

  • @rvicinip
    @rvicinip 3 роки тому

    Muchas gracias!

  • @Benjamin-vv3br
    @Benjamin-vv3br 3 роки тому

    Te rifas Leonidas, hasta que entiendo los dos conceptos, muchas gracias.

  • @gustavoortiz5627
    @gustavoortiz5627 4 роки тому

    A qué se refiere con instancia? con agregar una instancia? y con instanciar?

    • @oleonunez
      @oleonunez 3 роки тому

      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 :)

    • @LeonidasEsteban
      @LeonidasEsteban  3 роки тому

      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

  • @RubenERangel
    @RubenERangel 5 років тому

    Muchas gracias Leonidas. Por favor donde puedo conseguir información de debugger me interesó mucho el tema

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому +1

      Estaría súper bueno dedicar una clase a formas de hacer debug en JavaScript

    • @RubenERangel
      @RubenERangel 5 років тому

      @@LeonidasEsteban sería de muchísima ayuda

  • @elvissanchez2703
    @elvissanchez2703 4 роки тому +1

    ¡Hola! ¿Qué libros recomiendas para aprender más sobre JavaScript?

    • @melushie
      @melushie 3 роки тому +1

      cinco semanas en globo

    • @elvissanchez2703
      @elvissanchez2703 3 роки тому

      Gracias, @@melushie. Y Veinte mil leguas de viaje submarino para aprender SQL. ( ꈍᴗꈍ)

  • @rob5728
    @rob5728 4 роки тому

    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.

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому

      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

  • @johnorellana9505
    @johnorellana9505 Рік тому

    exelente

  • @danihv
    @danihv 5 років тому +1

    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

  • @azamudio1
    @azamudio1 5 років тому

    excelente explicacion!!

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому

      Mil gracias Arturo! Suscríbete y comparte las clases

  • @Isaac_cobos
    @Isaac_cobos 4 роки тому

    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!

  • @bernipalomino55
    @bernipalomino55 4 роки тому

    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 😹😹😹

  • @alfonsoluis1994
    @alfonsoluis1994 5 років тому

    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.

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому +1

      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

  • @darwintnt2
    @darwintnt2 5 років тому

    Excelente clase Leonidas 👏👏👏

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому

      Mil gracias Darwin, recuerda compartirla en redes sociales :D

  • @josuesolares3936
    @josuesolares3936 4 роки тому

    Toma mi like te lo mereces..

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому

      Que honrado de tener su like 😍 que te gustaría aprender en otra clase?

  • @mijaelwatts
    @mijaelwatts 4 роки тому

    Rifado man! Muy bien explicado ;)

  • @tomxp32
    @tomxp32 5 років тому +2

    Me recordó a Freddy enseñando en el curso de programacion básica. Buen video ✌️

  • @vict0rCaballero
    @vict0rCaballero 5 років тому +1

    El Scope ?

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому +2

      victor caballero Definitivamente hablamos del scope en la clase

    • @jefersonm8283
      @jefersonm8283 5 років тому

      oh yes please

    • @alfonsoluis1994
      @alfonsoluis1994 5 років тому

      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.

  • @darwinrv94
    @darwinrv94 5 років тому

    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

  • @antoniomaldonado
    @antoniomaldonado 3 роки тому

    Lo único que puedo decir es..... gracias infinitas!

  • @maclaren33
    @maclaren33 4 роки тому

    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

  • @luisfelipecardona8808
    @luisfelipecardona8808 4 роки тому

    jajajaja este man como enseña de charro, muy teso el pelao, y muy gracioso para enseñar, perfectirijillo.

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому

      jajajaja bueno ... gracias ... creo 😂

    • @luisfelipecardona8808
      @luisfelipecardona8808 4 роки тому

      @@LeonidasEsteban gracias por compartir tus conocimientos, eres un Maestro.

  • @williammoran3921
    @williammoran3921 4 роки тому +1

    Un vídeo juego de Pokémon con Javascript

  • @fernandopiolimartinez5115
    @fernandopiolimartinez5115 4 роки тому

    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/

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому

      Si tienes un diseño de alguna app manda a me@leonidasesteban.com me gusta llevar diseño a código en el canal

    • @fernandopioli1230
      @fernandopioli1230 4 роки тому

      ​@@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!

  • @MiguelOrtegaFloress
    @MiguelOrtegaFloress 5 років тому

    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

    • @LeonidasEsteban
      @LeonidasEsteban  5 років тому +1

      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 👌

    • @MiguelOrtegaFloress
      @MiguelOrtegaFloress 5 років тому

      @@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

  • @bluefutbol1515
    @bluefutbol1515 4 роки тому

    soy un manco en javaScript como hago para ser pro ?

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому +1

      Poco a poco iras mejorando. Esta sensación es completamente normal al inicio, solo sigue practicando y #noTeRindas

    • @bluefutbol1515
      @bluefutbol1515 4 роки тому

      @@LeonidasEsteban que practicas me recomiendas hacer bro es que todos me dicen practica pero como practico en que
      ?

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому +1

      Sigue todas las clases del canal. Son muy prácticas

    • @bluefutbol1515
      @bluefutbol1515 4 роки тому

      @@LeonidasEsteban Amigo tienes algún vídeo sobre la clase toggle en el dom que me puedas recomendar gracias ...!

    • @LeonidasEsteban
      @LeonidasEsteban  4 роки тому +1

      BlueFutbol haz el código de todos las clases del canal, eso para iniciar. Cuando hagas todo eso vuélveme a preguntar.

  • @vic_epsy
    @vic_epsy 4 роки тому

    no chingues, media hora para explicar eso v:
    www.w3schools.com/js/js_arrow_function.asp

  • @chiroadamaryfernanda8088
    @chiroadamaryfernanda8088 3 роки тому

    En 28 min me confundiste más

  • @bernipalomino55
    @bernipalomino55 3 роки тому

    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