Curso JavaScript: 32. Funciones Anónimas Autoejecutables -

En este video te explico las funciones anónimas autoejecutables en #JavaScript.
💛 Aprende JavaScript aprendejavascr...
📖 Mis notas sobre JavaScript jonmircha.com/...
📖 Mis notas sobre ECMAScript jonmircha.com/...
📦 Códigos: github.com/jon...
🔔 Suscríbete al canal kzbin.info... 🤓
👉 Visita mi sitio web jonmircha.com/ 💻
🌮 ¿Me invítas un taco? www.paypal.me/...
📫 Suscríbete a mi lista de correo tinyletter.com...

[@admoises]

Ya voy en esta parte del curso, vengo de java y python, y me interesaba mucho aprender js y es muy genial el lenguaje tantas funcionalidades que tiene, pero es más genial tu canal jon haciendo todo esto gratis mereces más reconocimiento por todo lo que haces. Sin duda terminaré este curso completo y seguiré viendo las actualizaciones de este, muchas gracias y recomendaré este canal a los que quieran aprender este maravilloso lenguaje

[@jonmircha]

Gracias por tu apoyo :)

[@emersonperalesvillanueva8568]

[@SpiderWolf]

como fue tu experiencia aprendiendo java? yo estoy por comenzar a aprender java bro :D

[@admoises]

@@SpiderWolf Muy buena la verdad, aprendiendo se te hará más fácil en otros lenguajes aprender POO por ejemplo

[@CbastianAraque]

Este curso está bien posicionado, cualquier tema que se busque para leer, sale jon mircha de primero. ¡Que bien! Muy merecido

[@jonmircha]

😮🙈😱

[@zatori3894]

Sinceramente, llegué a pensar que no era capaz con javascript, pero gracias a ti voy evolucionando. Mis mas sinceras bendiciones, gran aporte. Gracias por ponerlo gratuito. Es de muchísima calidad.

[@jonmircha]

Bendiciones para ti también 😉👋🏻🙌🏻

[@josemurillo1977]

El mejor curso que he visto de JavaScript, grandes explicaciones. Gracias por compartir tus conocimientos. Saludos desde España

[@Nami_swan__One_Piece]

Hola soy tu amigo y docente digital Jonathan MirCha..... XD me aprendí la intro jajajaja. En fin te quiero decir que eres un gran profesor con un gran corazón gracias por esforzarte todos lod dias y aun siendo tan inteligente y tener tanto conocimiento, brindar contenido gratuito, bien explicado, y hecho con amor ❤❤❤❤

[@jorgeisaacgarzonalfaro2957]

Excelente Curso, jon! Muchas gracias. Me encantó la frase en el 8:22 "Podemos empezar a tener una concatenación de funciones que nos hagan cosas raras" 🤣

[@jonmircha]

🤭

[@jasserblanco2805]

Feliz de seguir aqui aprendiendo javascript

[@jonmircha]

Excelente!

[@josepineda7979]

vaya, aprendi a programar con c++ cuando tenia 12, ahora tengo 22 y soy estudiante de medicina... me hubiera gustado tener un curso asi cuando comence en este mundo. Eres una gran persona, este curso vale oro y tu lo pones al alcance de todos de manera gratuita. Te deseo lo mejor.

[@jonmircha]

Gracias :)

[@paulpaucarb]

yo tengo 11

[@darianmorat]

@@paulpaucarb ya aprendiste a programar bien no? Xd

[@chrisvaling5269]

12 y 11?? Mis respetos la verdad, son unos prodigios!

[@sergio-code]

Excelente profesor, muchas gracias por compartir sus grandes conocimientos 👍👍

[@jonmircha]

😉👋🏻

[@narande9818]

Todo se entiende a la perfección, es increíble. Le prometo profesor que, cuando trabaje, le voy a comprar varios tacos, se lo prometo. Le hago una pregunta, ¿en algún momento de este curso o de React se hacen proyectos de práctica?

[@jonmircha]

Sí

[@NickelFirepowerNico]

Gracias por esta clase Jon!

[@jonmircha]

😉👍🏻

[@alfgow]

Estoy encantado con el curso, gracias Profe

[@jonmircha]

😉👌🏻

[@ivanastorga1641]

Siempre doy like antes de ver el vídeo para que no se me olvide ;D

[@jonmircha]

;)

[@FrankGP.com.]

gracias por estas explicaciones, lo haces simple

[@jonmircha]

Con mucho gusto

[@jhonathanperezortega8206]

No he visto un curso más completo acerca de JavaScript, he aprendido bastante con este curso.

[@jonmircha]

;)

[@nikolahs92]

sept 11 1969**sept 22 2023 gracias excelente curso felicidades John Mircha

[@jonmircha]

👋🏻😉

[@nachosanabria6942]

gracias excelente video Funciones Anonimas

[@jonmircha]

Gracias por comentar

[@kjrr6]

Gracias! me sirvió mucho, me gusta tu manera de explicar

[@jonmircha]

Con mucho gusto😉👍🏻

[@mayonesa3492]

Gracias jon la verdad estaba perdido pero tu canal lo tiene bien simple , vengo de java y por suerte me resulto super facil como venis explicando

[@jonmircha]

😉🙌🏻

[@damianvigo4469]

Muy bueno Jon, contenido de valor 🙌

[@jonmircha]

Gracias, compártelo para llegar a más gente

[@manuelcobasguerra5688]

Gracias por tu aporte tus cursos son una gran ayuda de Verdad MIL Gracias.

[@jonmircha]

De nada :)

[@christiandiaz2787]

Te admiro Jon, gracias por todo tu conocimiento gratuito, muchas bendiciones y éxito para ti

[@jonmircha]

Gracias por tus bendiciones. Saludos

[@josephmardiaz160]

Gracias profesor jon, poco a poco llegando a los ejercicios, bendiciones!

[@jonmircha]

😉👍🏻

[@alfredomontoya4087]

Muchas Gracias por todo...excelente curso y disposición.

[@jonmircha]

Con mucho gusto

[@hernansanabria9685]

gracias excelente contenido JON

[@jonmircha]

Con gusto

[@johnherrera5913]

Sos muy bueno explicando seguí así Master!!

[@jonmircha]

Muchas gracias!

[@brahiamgarcia6652]

GENIAL NO PUEDO PARAR

[@jonmircha]

👋🏻😉

[@carloscristophermurrugarra444]

gracias por tu dedicacion, ayudas mucho a los que queremos seguir este camino de la programacion

[@jonmircha]

👋🏻😉

[@Ni_idea_de_tecnologia]

Que gran clase sobre funciones autoejecutables. Muchas gracias Sr. Mircha

[@jonmircha]

😉🙌🏻

[@braianrico4422]

Bendiciones Jon!!! Mil y mil gracias por tu contenido 🧙‍♂️🧙‍♂️🧙‍♂️

[@jonmircha]

Gracias!

[@angelmgl8137]

Excelente video amigo Jon Mircha, al fin me quedó en claro los conceptos de funciones anónimas autoejecutables, felicidades por los más que merecidos 55k suscriptores

[@jonmircha]

Gracias ;) comparte para llegar a más personas

[@yeffer0698]

Ya van 115k, pero debería tener más de 1M xd

[@carlesbautista8293]

Perfecto Jonathan, muchas gracias, muy interesante y muy bien explicado

[@jvcho]

Gracias Jon, no sabia todas las formas de declarar las funciones anonimas autoejecutables.

[@jonmircha]

De nada :)

[@CarlonchoMaster]

Muy buen curso Jon, he visto toda la especialidad de JavaScript de EDTeam y hay cosas en tu curso que en esa especialidad no te lo explican. Sacas buen contenido

[@jonmircha]

;)

[@ferneyp]

Wow.

[@d-landjs]

Excelente maestro, Jon!!! Retomando JS para recordar conceptos :D

[@jonmircha]

Excelente!

[@andresolguinsalinas1725]

Muchas Gracias

[@jonmircha]

De nada

[@matiasromera330]

continuando el curso!

[@jonmircha]

🤓👍🏻

[@eladmin4473]

Muy buen curso... 100% recomendable

[@jonmircha]

Muchas gracias!

[@timawid]

Este curso esta bueno🤩🤩🤩🤩🤩

[@jonmircha]

👋🏻😉

[@cumpaMira]

Muchas gracias profe!

[@jonmircha]

Con mucho gusto

[@natanielbeier9610]

*EXPLICACIÓN DE POR QUÉ SE ENVUELVE UNA FUNCIÓN ANÓNIMA EN PARENTESIS* Este curso lo estoy complementando con el libro del Dr. Axel Rauschmayer titulado "JavaScript for impatient programmers (ES1-ES2022)". Aunque no he llegado a la parte de las funciones anónimas en el libro, al principio explica algunas ambigüedades que Javascript establece estáticamente al leer nuestro código antes de ejecutar, una de ellas es que cuando en una línea de nuestro código colocamos la palabra reservada "function", automáticamente Javascript lo interpreta como una declaración de una función, así que supone que después de esa palabra reservada viene el nombre de la función y puede generar un error de sintaxis. Para evitar que exista esa ambigüedad, lo que se debe hacer es encerrarlo en un paréntesis para que Javascript lo interprete como una declaración de expresión como si colocáramos "2+2" en una línea de código, pues Javascript lo ejecutará sin más. De hecho, en vez de un paréntesis, se podría colocar un "+" o un "!", pero Javascript haría una conversión de tipos y aparte de ejecutar nuestro código, podría generar un NaN o true.

[@jonmircha]

👍🏻

[@kevinchocano9290]

Interesante lo que cuentas, gracias por el dato!

[@thebroki6684]

EXCELENTE TUTORIAL MASTER, MUCHAS GRACIAS.!!""

[@jonmircha]

😉👋🏻

[@richardjorgemirandaabarca2349]

Gracias.

[@jonmircha]

👍🏻

[@Wiiiiizard]

Muchas gracias!!! 🧙‍♂

[@jonmircha]

😉👍🏻

[@patrixxxs]

Buen video!!

[@jonmircha]

👋🏻😉

[@jeissonm.5082]

gracias

[@jonmircha]

Gracias por comentar

[@Bisson156]

Muy interesante Jon, gracias!

[@jonmircha]

Un saludo!

[@sleepnaz9708]

la verdad intimida un poco ver cuanto me falta por aprender para convertirme en "profesional" de esta carrera apenas voy por esta parte el curso y creo que he aprendido bastante, pero la verdad es que apenas estoy empezando y me falta muchisimo mas, te agradezco mucho de verdad jon

[@jonmircha]

😃🙌🏻

[@Anctara]

NO TE PREOCUPES POR ESO, POR LO MENOS ESTAS CREANDO UNA BASE, SOLAMENTE TEN DICIPLINA, BUSCA VIDEO PARA QUE PRACTIQUES TU LOGICA. Y SI TE QUIERES DEDICAR A ESTO ENTRAS A LA UNI

[@MarcosCastelli]

Muy interesante, gracias JON.

[@jonmircha]

Con gusto

[@bagnoum747]

Un gran docente

[@jonmircha]

👋🏻😉

[@luisangelfalcoherrera7414]

Gracias por tanto Jon.

[@jonmircha]

:)

[@giancarloaparicio5841]

sos un crack :D

[@gotsh3147]

Buen video.

[@jpthecrew]

🙌

[@jonmircha]

🤓👍🏻

[@Alejo28356]

Hola Jhon, muchas gracias por tan maravilloso contenido. Vengo del futuro, en el capítulo 164 cuando hablas de la reactividad, creas una mini librería de componentes, y lo creas apartir de una función autoejecutable. Como yo soy curioso, quise replicar el mismo ejemplo, pero con una función normal y que crees, no reconoce los métodos de la función, como por ejemplo el setState. No entiendo bien la razón? Esto sólo se puede replicar mediante clases? para poder hacer uso de los métodos? Con una función normal no es posible instanciar y hacer uso de los métodos internos? Porque con una función autoejecutable sí y con la normal no? Espero haberme dado a entender. Gracias de antemano.

[@jonmircha]

Por que como su nombre lo dice la autoejecutable, se autoejecuta desde que carga el Documento 👋🏻😉

[@leonoracosta5531]

Hola Jon! estoy aprendiendo mucho contigo, no tuve problemas hasta ahora pero, ahora surgió este percance: Cuando utilizo la forma clásica la consola me lanza un error diciendo que no es una función, PERO, si utilizo primero la forma unaria y LUEGO utilizo nuevamente la forma clásica, ahí si me lo toma sin errores, lo mismo pasa con la forma Crockford al utilizarla primero y luego segunda, tienes idea de a qué se podría deber? Muchas gracias por toda tu maravillosa enseñanza!

[@jonmircha]

Ni idea yo uso la normalita (function (){})();

[@helipalacio8772]

🙏🙏🙏

[@jonmircha]

👋🏻😉

[@leonardorincon2366]

Cool! muy buena clase.

[@jonmircha]

Muchas gracias!

[@juanbarrionuevo3320]

Muy bueno Jon!!

[@jonmircha]

Gracias

[@welikerosafloyd]

Muchas gracias por esto, de verdad es de mucha ayuda Una consulta, no me queda claro cuándo usar estas funciones específicamente, dejando de lado los módulos de librerías. Las uso sólo cuando quiero proteger las variables, cuando quiero que la función se ejecute de inmediato, o ambas? Conviene usarlas siempre que se pueda? Estas situaciones en que hay que usarlas son muy concretas? Porque según vi se las puede usar para muchas cosas. Perdon, son muchas preguntas jajaja, gracias otra vez

[@jonmircha]

Ambos casos que comentas sobre su uso son validos

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@heimancastro1954]

🥳🥳🤠🤠

[@javiromero4067]

jon te faltó complementar en la clase las funciones expresivas autoejecutables y aquí pongo un ejemplo de como se hace para los que quieren aprenderlo const f = (function (name) { console.log(`¡Hola, ${name}!`); })('Javi'); prueben y me dicen que les parece :)

[@PROGAMERXable]

Lo veo como una función normal, porque hay que llamar la constante si no me equivoco...

[@matiasromera330]

lo probé en la consola y funciona en el momento, pero luego no puedo volver a llamarla ni con f ni con f()

[@christianlozano2273]

Muchas gracias por este curso y por compartir tus conocimientos! Tengo una duda desde el desconocimiento respecto a Jquery y las librerías como Fancybox de las cual hablas en el video. ¿Ya no se usa Jquery ni esas librerias?.

[@jonmircha]

Ya no, más que tengas un proyecto viejo al que le estés dando soporte

[@christianlozano2273]

@@jonmircha muchas gracias! Y con qué se ha sustituido? Con las librerías reactivas de las que hablas?

[@pedrikemaster]

💯👍🤜🤛👏

[@jonmircha]

😉👋🏻

[@elweonweandolaweafome]

[@helipalacio8772]

👨

[@chrisvaling5269]

Es normal que algunos conceptos asi los entiendas te vayan quedando como en el aire??😥😥 Por fortuna ya casi vienen los ejercicios que creo seran de mucha pero mucha ayuda! Seguimos avanzando sin rendirnos

[@jonmircha]

😉👋🏻

[@Anctara]

BUENO... AL PRINCIPIO YO COMO QUE ENTENDIA, PERO DESPUÉS COMENZARON A VENIR LA COSAS FUERTES. ENTOCES YO BUSCABA ESO MISMO PERO EN OTRO CANAL, PARA TRATAR DE ENTENDERLO A PERFECCION, YO ESTOY INFORMATICA Y YA A MI HABIA DADO C# PERO NO ES LO MISMO, LO LENGUAJE CAMBIAN DE SINTAXIS...😂😅😂

[@JoseLuis-cb9gn]

JON PUEDES HACER UN CURSO DE hacking etico SERIA MUY INTERESANTE

[@jonmircha]

😮

[@juanfranciscofriaherrera6005]

super bien, a seguir estudiando

[@migueldorta202]

Una duda que tengo Jon... con la versión Unaria se puede utilizar también el signo de menos (-) en lugar del + ? o funciona sólo con signo + ? gracias!

[@jonmircha]

también puedes usar -

[@harrinsonA]

Una pregunta, si Jquery no es tan relevante en el mundo actual, porque en los requisitos para una vacante como desarrollador web, lo siguen requiriendo? Es importante aprender Jquery? gRacias POR LA clase.

[@jonmircha]

Te respondo con una video kzbin.info/www/bejne/d3ubiqeMeZhqbJY

[@tecnologiaashe9295]

creo que la que buscabas decir era ext.js que fue despues de jquery , pero antes de vue, react ...

[@danielvidalmedina8525]

Hola ¿habra algun problema si se usa una funcion flecha? ((d,w,c)=>{ console.log("funcion flecha autoejecutable"); console.log(d); console.log(w); c.log("estees un console.log"); })(document,window,console);

[@jonmircha]

no

[@javiromero4067]

jon para que sirve la pagina web de cdnjs ?

[@jonmircha]

HOstea librerías que usamos en el dearrollo frontend

[@WillyAntunezVlogs]

Que extensión de VScode usas para que te ponga colores en los paréntesis, llaves y corchetes?

[@jonmircha]

Aquí mi configuración inicial jonmircha.com/vscode

[@WillyAntunezVlogs]

@@jonmircha Gracias profe jeje

[@nikkorocker]

Hola Jon, tengo un comentario: Por curiosidad ejecuté las funciones sin el ; al final e igual me funcionaron, sin embargo tú decías que acá era necesario... en qué casos es estrictamente necesario?

[@jonmircha]

Justamente con IFEEs, para evitar que se concatenen

[@javiromero4067]

en resumen las funciones autoejecutables son funciones que ejecutan código de manera automática dentro de la misma función ? si es así o estoy mal

[@juanescamilla7790]

Si, es asi

[@Carlosreyes-rz2xh]

El maximo de parametros que se puede poner son 3 ?

[@jonmircha]

no, los que necesites

[@manuelamoresgonzalez486]

Buena noche profe. Una pregunta, cuando se habla de ES6, se esta hablando de la arquitectura cierto ?? Esto no es algo que se tenga que instalar para utilizarlo o algo así...

[@jonmircha]

No, ES6 fue la versión del estandar ecmascript del año 2015

[@helipalacio8772]

®®® 👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@emersonperalesvillanueva8568]

antes no se podian import ni exportar archivos js en el navegador?

[@jonmircha]

antes, ahora sí de hecho lo explico en el siguiente video ;)

[@gonzaloalonsorodriguez4929]

Estaba repasando lecciones antiguas y me ha saltado el siguiente error: Uncaught TypeError: (intermediate value)(intermediate value)(intermediate value)(intermediate value)(...) is not a function Alguien se le ocurre que puede ser?

[@gonzaloalonsorodriguez4929]

//Formato clásico--> La más usada-> (function(d,w,c){ console.log("Función Anónima Autoejecutada"); console.log(d); console.log(w); console.log(c); })(document,window,console)//asignación de parámetros. ////////////////////////////////////////////////////////////////////// //Formato CrockFord--> Usa un paréntesis más ((function(d,w,c){ console.log("Función Anónima Autoejecutada en Formato CrockFord"); })(document,window,console)); ////////////////////////////////////////////////////////////////////// //Versión unaria--> Lleva un símbolo de + +function(d,w,c){ console.log("Función Anónima Autoejecutada en Formato unaria"); }(document,window,console); ////////////////////////////////////////////////////////////////////// //Versión Facebook--> Lleva una exclamación !function(d,w,c){ console.log("Función Anónima Autoejecutada en Formato Facebook"); }(document,window,console);

[@matiasromera330]

@@gonzaloalonsorodriguez4929 el error te surge en la CrockFord, aunque no sé porqué, habría que probarlo en el editor

[@fabianrr]

Que significa el signo dolar?

[@emirtirso842]

como haces para que aquellos que seleccionaste meterle parentesis asi de rapido?

[@jonmircha]

Es parte del autocompletado de VScode

finalizado x1

[@naqzher]

Esto sería como un $ document . Ready?

[@SpiderWolf]

crees que jquery esta muerto? Yo apenas pensaba en aprenderlo

[@jonmircha]

Sí kzbin.info/www/bejne/d3ubiqeMeZhqbJY

[@MX7681]

[@jonmircha]

👋🏻😉

[@elarssierra]

-function(){ console.log('Version Unaria Ema'); }(); es la mia :v

[@sebastianmorales823]

profe jon, cuando acaba la funcion anónima en jquery depues salen unas llaves que significa eso? o sea el esquema que explica en el video e este: (function(p1,p2,p3){//TODO CODE......})(P1,P2,P3) ; pero yo quiero saber porque hay una llaves despues: (function(p1,p2,p3){//TODO CODE......})(P1,P2,P3){//....mas code pero no se que hace, donde y como acaba le agradeceria que me explicara eso, espero haberme hecho entender