Curso JavaScript: 32. Funciones Anónimas Autoejecutables -

[@Just_a_money_lover]

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

[@CbastianAraque]

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

[@jonmircha]

😮🙈😱

[@addevmoises]

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

[@addevmoises]

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

[@josemurillo1977]

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

[@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 😉👋🏻🙌🏻

[@jasserblanco2805]

Feliz de seguir aqui aprendiendo javascript

[@jonmircha]

Excelente!

[@nikolahs92]

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

[@jonmircha]

👋🏻😉

[@sergio-code]

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

[@jonmircha]

😉👋🏻

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

[@alfgow]

Estoy encantado con el curso, gracias Profe

[@jonmircha]

😉👌🏻

[@carloscristophermurrugarra444]

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

[@jonmircha]

👋🏻😉

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

🤭

[@kjrr6]

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

[@jonmircha]

Con mucho gusto😉👍🏻

[@jhonathanperezortega8206]

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

[@jonmircha]

;)

[@NickelFirepowerNico]

Gracias por esta clase Jon!

[@jonmircha]

😉👍🏻

[@nachosanabria6942]

gracias excelente video Funciones Anonimas

[@jonmircha]

Gracias por comentar

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

😉🙌🏻

[@christiandiaz2787]

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

[@jonmircha]

Gracias por tus bendiciones. Saludos

[@manuelcobasguerra5688]

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

[@jonmircha]

De nada :)

[@hernansanabria9685]

gracias excelente contenido JON

[@jonmircha]

Con gusto

[@jeissonm.5082]

gracias

[@jonmircha]

Gracias por comentar

[@josephmardiaz160]

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

[@jonmircha]

😉👍🏻

[@brahiamgarcia6652]

GENIAL NO PUEDO PARAR

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

[@alfredomontoya4087]

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

[@jonmircha]

Con mucho gusto

[@johnherrera5913]

Sos muy bueno explicando seguí así Master!!

[@jonmircha]

Muchas gracias!

[@eladmin4473]

Muy buen curso... 100% recomendable

[@jonmircha]

Muchas gracias!

[@carlesbautista8293]

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

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

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

[@matiasromera330]

continuando el curso!

[@jonmircha]

🤓👍🏻

[@jvcho]

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

[@jonmircha]

De nada :)

[@d-landjs]

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

[@jonmircha]

Excelente!

[@ivanastorga1641]

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

[@jonmircha]

;)

[@andresolguinsalinas1725]

Muchas Gracias

[@jonmircha]

De nada

[@thebroki6684]

EXCELENTE TUTORIAL MASTER, MUCHAS GRACIAS.!!""

[@jonmircha]

😉👋🏻

[@damianvigo4469]

Muy bueno Jon, contenido de valor 🙌

[@jonmircha]

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

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

[@Bisson156]

Muy interesante Jon, gracias!

[@jonmircha]

Un saludo!

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

[@MarcosCastelli]

Muy interesante, gracias JON.

[@jonmircha]

Con gusto

[@timawid]

Este curso esta bueno🤩🤩🤩🤩🤩

[@jonmircha]

👋🏻😉

[@richardjorgemirandaabarca2349]

Gracias.

[@jonmircha]

👍🏻

[@bagnoum747]

Un gran docente

[@jonmircha]

👋🏻😉

[@Wiiiiizard]

Muchas gracias!!! 🧙‍♂

[@jonmircha]

😉👍🏻

[@patrixxxs]

Buen video!!

[@jonmircha]

👋🏻😉

[@luisangelfalcoherrera7414]

Gracias por tanto Jon.

[@jonmircha]

:)

[@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 👋🏻😉

[@elweonweandolaweafome]

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

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

👋🏻😉

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

[@juanbarrionuevo3320]

Muy bueno Jon!!

[@jonmircha]

Gracias

[@leonardorincon2366]

Cool! muy buena clase.

[@jonmircha]

Muchas gracias!

[@giancarloaparicio5841]

sos un crack :D

[@heimancastro1954]

🥳🥳🤠🤠

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

[@helipalacio8772]

👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

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

[@JoseLuis-cb9gn]

JON PUEDES HACER UN CURSO DE hacking etico SERIA MUY INTERESANTE

[@jonmircha]

😮

[@juanfranciscofriaherrera6005]

super bien, a seguir estudiando

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

[@tecnologiaashe9295]

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

[@helipalacio8772]

👨

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

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

[@pedrikemaster]

💯👍🤜🤛👏

[@jonmircha]

😉👋🏻

[@javiromero4067]

jon para que sirve la pagina web de cdnjs ?

[@jonmircha]

HOstea librerías que usamos en el dearrollo frontend

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

[@helipalacio8772]

®®® 👏👏👏 🙏🙏🙏

[@jonmircha]

👋🏻😉

[@naqzher]

Esto sería como un $ document . Ready?

[@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...😂😅😂

[@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 ;)

[@Carlosreyes-rz2xh]

El maximo de parametros que se puede poner son 3 ?

[@jonmircha]

no, los que necesites

[@MX7681]

[@jonmircha]

👋🏻😉

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

[@fabianrr]

Que significa el signo dolar?

finalizado x1

[@elarssierra]

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

[@emirtirso842]

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

[@jonmircha]

Es parte del autocompletado de VScode

[@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()

[@SpiderWolf]

crees que jquery esta muerto? Yo apenas pensaba en aprenderlo

[@jonmircha]

Sí kzbin.info/www/bejne/d3ubiqeMeZhqbJY

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

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