Entiende el HOISTING en JAVASCRIPT

[@CarlosAzaustre]

Tienes más contenido sobre JavaScript y Programación Web en KZbin.com/carlosazaustre

[@misaelpereira9679]

Esta pregunta me la hicieron en una entrevista técnica, y no tenía ni puta idea

[@AMADEUXXLEVELS]

X2

[@adolfogabazutt]

X3

[@codiction]

En cuanto a la legibilidad… El tío Bob menciona que el código debe ser como un periódico, leerse de arriba a abajo donde primero aparezcan las secciones (las funciones) y ya si queremos navegar a ver los detalles de esa sección.

[@miyondev09]

Es como en C++, algo así, primero declaras las funciones antes del Main y después del main invocas las funciones para que las uses eso es de buena práctica

[@M-ThirD]

Ufff excelente información y explicación... Muchas Gracias Mtro!

[@CarlosAzaustre]

Gracias a ti! me alegro que te sirviese :)

[@hectorgiovannirodriguezram6368]

Jajaja básicamente lo que se tenía que hacer si o si en C, declaración, definición y después invocación... Con razón tantos memes sobre JS, pero es perfecto saber que tiene un nombre en específico

[@joseiparra9944]

Tenía? Pero eso es importante tener tus headers en C e incluirlos en tu Main.

[@elnaz-p2n]

me vi este short justo antes de una entrevista y me preguntaron esto.

[@oroyajs]

Pasa con las funciones flechas, como no se escriben como funciones regulares se quedan abajo por lo cual es necesario declararlas antes de ejecutarlas.

[@davidacevedo6677]

Explicación errónea

[@odanogunaga1820]

Muchísimas gracias ❤

[@ykristianhd]

Justo hoy estaba pensando en como funcionaba eso de llamar funciones o variables antes de ser declaradas pero no sabia que se llamaba "Hoisting"... gracias jaja

[@edisonosorio5489]

No sé si esto responde a lo que voy a poner.... La ejecución es sincrona o asíncrona... Es decir puedo hacer un for y luego hacer una suma con el resultado del for.... Se va a ejecutar en orden ??

[@Fran-wk1wj]

Con las expresiones de función pasa lo mismo que con las variables no? Buen video!

[@jamesrosemary2932]

O sea, lo que Pascal viene haciendo desde los años 70.

[@stiven_as02]

Al igual por ello es que recomiendan usar funciones expresadas y no declaradas para evitar este tipo de inconvenientes

[@stalker8202]

Ósea que el intérprete al ejecutar una variable,función,etc… no inicializado lo agrega antes para que no haya error si es así esta bien por la cantidad de líneas de código que puede llegar a tener un proyecto. Una pregunta en caso de que esté inicializada pero mal escrito lo corrige ?

[@carloscorrea260]

No me extraña que muchos seniors mencionan que javascript no es un buen lenguaje, hay lenguajes mucho más limpios y que de por sí te orientan a desarrollar con buenas prácticas desde el principio como elíxir, rust, o zig

[@AneudysAmparo]

Esto también pasa en otros lenguajes como Swift, Java, C# y obviamente en Typescript

[@expresstutorial3255]

pero que se invoca mas alto, una variable o una función?

[@micorreo1972]

Pues va todo en las buenas prácticas. Ahórrense problemas. 🙂

[@CodeMaker23]

excelente video

Variables primero, principal y finalmente declaración de funciones, yo lo hago siempre así, es más comodo de leer.

[@mj7647]

como se guardan los shorts de youtube :(?

[@nachorodriguezhansen8273]

Hoisting, osea hacer lo normal en programación tipo c++, ok

[@CarlosAzaustre]

Si, aunque JavaScript te deja colocarlo en otra parte y el intérprete "lo ordena". Aunque por legibilidad como digo, y buenas prácticas, mejor colocarlo "bien" desde el inicio.

[@alvarobarrera5095]

caso contrario de las arrow function, primero defines después usas ;)

[@manulopez8005]

Qué es ese mini IDE/terminal que siempre usan en los videos? 👀

[@CarlosAzaustre]

Como te dicen mas abajo, es RunJS, lo tienes aquí runjs.app y lo explico en este otro short kzbin.info/www/bejne/g6OafmmBoqaVlZY

[@hbj1991]

Siempre escuché a mi profesor de fundamentos de programación y react hablar de eso pero nunca lo entendí

[@johanalvarado2378]

Cómo lo guardo en KZbin? .-.

[@backend-cataphract]

el que hizo javascript tenia un pase de marihuana.

[@jorgechristophergarzasepul3209]

Como hacer más compleja la programación con cosas que casi nadie va a usar?

[@tantumDicoQuodCogito]

Para mantenibilidad está bien, se nota que no trabajas mucho con lenguajes bien estructurados y tipados

[@codelift]

Yo estoy aprendiendo programación en un módulo y siempre en cualquier lenguaje declaramos en las primeras líneas las variables

[@nachorodber]

​@@codelift pues me parece una mala forma de trabajar, las variables deben de ser declaradas en la función donde se utilizan y en ningún otro lugar.

[@thereciolol2733]

Cual es el nombre de lq extensión que te muestra en tiempo real los console y los valores almacenados en las variables? Buen video crack

[@thomasjodt]

No es ninguna extensión, es un programa, se llama RunJS y está disponible para Windows, Linux y MacOS

[@rubiusoficial]

La extensión se llama quokka

[@fernandodejesusbarrerarosa4731]

Por qué usar var?

[@CarlosAzaustre]

Porque Let no tiene hoisting. Esto es algo heredado del viejo JavaScript :)

[@fernandodejesusbarrerarosa4731]

@@CarlosAzaustre Que mal :'(

[@marcla560]

No es correcto lo que comentas, Javascript no mueve nada de lugar, lo que ocurre es que hay una primera fase en la compilación del código (antes de su ejecución) donde se identifican las declaraciones de funciones y variables y son guardadas en memoria: las funciones de forma completa y las variables con un valor de undefined. Al ser guardadas las funciones completamente es posible usarlas en cualquier lado en la fase de ejecución del código.

[@flobberant]

pero como que se compila si es un lenguaje interpretado? xd

[@inakiarias7465]

@@flobberant Js usa JIT compiling (Compilacion "justo a tiempo"). Lo que significa que antes de correr el interprete como dice Marc se hace un analisis previo. Por eso cuando llamas a una funcion sin definir el script directamente no corre, si fuera solo interpretado eso no funcionaria. Aparte, lo que dice el short es cierto. Si bien es logico que no hay "movimiento" de codigo, al fin y al cabo en lo mas profundo son solo bits, no hay nada que mover. El hecho de "levantar" las declaraciones es en sentido semantico. La definicion en ingles de "hoist" indica que algo se esta levantando.

[@sebastianestrada1311]

@@inakiarias7465 uy donde se aprende toda esa teoría?

[@inakiarias7465]

@@sebastianestrada1311 Googleando en general xd. En quora hay muchas preguntas del estilo tambien

[@pvarela]

Chamo eso no es solo de javascript..

[@CarlosAzaustre]

No digo que sea exclusivo de JavaScript, pero en este canal es del lenguaje que más hablo :)

[@abrahamjaimes7643]

esto esta totalmente erroneo , no hay tal cosa de que sube las variables , para los que saben enverdad como funciona el hoisting , se burlarian de este tio

[@CarlosAzaustre]

Es algo figurado, claro que no se suben de manera literal...

[@giovannyvanegas88]

Excelente, esto hace a JS bastante flexible pero por buenas prácticas mejor no hacerlo jeje

[@miltoncoronado7066]

bien carlitos, siempre te sigo, cuando un curso en platzi????

[@user-co7sz6mu8g]

No entendí ni ptm, pero supongo debe funcionar como las cartas en yugioh primero las llamas y luego las usas

[@CarlosAzaustre]

Algo así jaja