Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

JavaScript Runtime

11/13
Recursos

Aportes 82

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

❤️ grabado en la memory heap de mi corazón.

No soy de México, pero como que se me antojó un taco.

Aquí pueden probar como funciona todo el Runtime:
http://latentflip.com/loupe/

Por aquí te dejo una lectura para complementar acerca del Runtime Enviroment 😉
Y, por aquí te dejo una receta de tacos al pastor, para que no te quedes con las ganas 😜

Quién más se antojó de tacos como yo !!! 🌮😭hahah
Amé esta explicación 💚

les recomiendo este articulo,aclara mucho mas los conceptos
https://medium.com/@olinations/the-javascript-runtime-environment-d58fa2e60dd0

De forma gráfica así es como funciona JS Runtime

Genial el ejemplo de los tacos jaja

Próximamente curso de preparación de tacos con Diego de Granda !!

JavaScript es síncrono, hace una tarea a la vez. Esto hace que se vea lento o que el tiempo de espera sea bastante lento.

Ya que tengamos la variable podemos agregarla al CallStack y con esto ya le podemos dar interacción con los elementos del navegador.

Un ejemplo de esto es que si nos entran 4 tareas, una de 1 segundo, una de 2 segundos, una de 10 segundos y otra de 3 segundos. Quiere decir que se irán haciendo con forma de pila pero se tendrán que esperar la ultima a que termine totalmente de hacer la tarea larga, ya que solo puede hacer una tarea al mismo tiempo.

JS runtime

JavaScript es síncrono, va haciendo una tarea a la vez.

  • Primero tenemos nuestro código en el memory heap, tenemos referencias
  • Cuando vamos a ejecutar alguna parte de nuestro código va al call stack
  • En el call stack se va apilando las tareas que tiene que hacer, cuando resuelve la tarea la saca del call stack
  • Si hay código asíncrono se va a la parte de Web API´s, son API´s que nos proporciona el navegador para poder hacer interacciones dentro de nuestra aplicación (DOM, XMLHttpRequest, eventos)
  • Cuando las API´s son requeridas pasan al callback queue, usan el modelo FIFO (First In First Out)
  • Cuando termina de ejecutarse la parte síncrona, la parte asíncrona que esta en el callback queue pasa al call stack

Se viene uno de los temas estrella de JavaScript, y Platzi tiene un curso enteramente dedicado al asíncronismo con JavaScript 👀

Qué es el Javascript Runtime?

El runtime lo podemos definir como el entorno donde se está ejecutando nuestro código. Unos ejemplos claros serian Google Chrome y NodeJs.

Es el Runtime parte del motor?

No, Es lo contrario.
El motor sera una de las partes que compongan el runtime, y cada runtime puede tener diferentes características adicionales, las cuales trabajaran en conjunto con el motor.

Algunos de los componentes pueden ser:

  • Motor de Javascript
  • Web APIs
  • Event Loop
  • Job Queue
  • Callback Queue
    .
    Fuente

No entendí lo que es el JavaScript Runtime

El mejor ejemplo de la vida ❤️ que gran profesor, ya tienes un nuevo fan @dgranada ❤️____❤️

ok, entendido, no tortas 😉

Que bueno saber como funciona todo lo de JavaScript en los navegadores, ya entiendo mejor todo lo que pasa detras de lo que hacemos.

Entendido.
Ya no quiero torta

console.log("taco 1");
console.log("taco 2");
console.log("torta");
console.log("taco 3");

Todo melo melo 😄

Si, así es Estudiante.
Esta clase da hambre, es normal. Descansa y ve por tus tacos. 💚️

Muy buen ejemplo, aunque ya me provoco comer tacos 🤣 🌮

Excelente ejemplo para dar el tema.
Aunque salí de clase con antojo de unos tacos D:
Pero desde que empezó la cuarentena no salimos mas que para lo indispensable.

espero que lo entiendan

Ahhh entonces mi JavaScript es lento por la tortilla!!! jajaja

Me pareció un ejemplo o demostración un poco extraño pero creo que se entiende el concepto jajaja

Justo tenia la duda en clases pasadas de si primero iba el memory heap y luego el call stack

jaja buen ejemplo con tacos y torta, ya se me antojaron 😅

JavaScript es síncrono. Aunque con el event loop podemos simular procesos multi-hilo

Ya me dio hambre

Quiero un taco al pastor.

Ya antojaron 😈😳😎🤙
.

Buenas, como estan! Les comparto mi carpeta de Google Docs para que entre todos podamos seguir aportando a la toma de notas de un montón de los cursos de Platzi. Hagamos una comunidad!!!

https://drive.google.com/drive/folders/1SWGMgTMPbwgasbzcivcpcnIudc2vk_v0?usp=sharing

esta clase me hizo dar hambre XD

En el desarrollo web, no se suele utilizar el motor directamente. El motor de JavaScript funciona dentro de un entorno (JavaScript runtime environment), lo que proporciona características adicionales a sus scripts que puede usar en tiempo de ejecución.

Estas características pueden ser librerías o API’s que permiten comunicarse con el mundo que rodea al motor. Un ejemplo aquí podría ser el acceso a la información sobre el navegador web en el que se ejecuta el script. O una notificación sobre un clic del ratón.

Se me antojaron los tacos 😭

Muchos tacos por aqui, pero basicamente esto funciona que se hace una tarea la vez y cuando hay una tarea grande deja todo lo demas y hace esa tarea?

JavaScript Runtime Enviroment (JRE)
El JS engine está formado por heap y call stack.
El motor de JS no se ejecuta de forma aislada
Esta embebido en el entorno de JS runtime enviroment, donde existen más componentes.
EL JRE son todos los componentes que trabajan al ejecutar el codigo JS.
El JRE nos proporciona características adicionales (click evento, información del navegador, solicitudes HTTP, etc.) y hace a JS asíncrono y no bloqueante con ayuda de sus componentes.
El JRE contiene los siguientes componentes:
• Motor JavaScript
• Web APIs
• Callback Queue (cola de devolución o cola de mensajes)
• Job Queue
• Event Loop (bucle de eventos)

JavaScript Runtime

Como llegan las tareas van saliendo en el entorno de JavaScript. El lenguaje no se fija en si hay otros procesos más rapidos o no, solo se fija en sacar las tareas tal y como fueron entrando en la pila de tareas.

Diego: *Va a la taquería y pide una orden
Taquero: “No se puede, no hay tortillas”

const torta = "sanguche";

Diego hablando de Tacos :v ya medio hambre jajajaj 😄

Con este ejemplooooo!

El ejemplo de los tacos <3

a este ejemplo le falto… una Coca Cola

!TACOSSSSSSSSSSSSSSSSSSSS!

Me dio hambre con el menú XD

Esta clase da antojo de tacos xD

¡Llegando a esta clase, me dio mucha hambre! jeje Genial ejemplo!

El mejor ejemplo ❤️

Mucho taco y torta, pero ¿Y la coquita? xD

Lo ideal siempre pedir tacos jeje, buena explicación!

Ya me dieron ganas de taco 😄

Vamos a vender tacos ahor amismo jaja xd

Que buena analogía lo de los tacos, 😄 gran explicacion

😃

A darle!

Obligado a pausar el video e ir a la cocina a buscar que comer…!! Efecto colateral de esta clase.

Excelente explicación

Es lo mismo que ocurre cuando agregamos un timeOut 😃

Excelente ejemplo, gracias Diego

Js lenguaje sincrono y que puede simular una asincronia total.

Pero por favor, el tremendo ejemplo para entender el tema, mejor no pudiste haberlo dicho Diego. Si no se entiende con esta explicación… (sin comentarios)

gran info neni

Que mejor manera de aprender que con tacos!

Son las 11pm y Diego ha hecho que se me antojen de tacos 😦

Lo mejor de esta clase no fue el tema, fue la explicación con tacos del proceso síncrono. Viva México 🇲🇽

No vean esta clase con hambre xd

Creo que aqui quizas hizo falta explicar un poco mas del JS Engine, no menciono nada del Event Loop.

Esta es la clase del curso donde te va a dar hambre.

Muy buena explicación. Bastante fundamental, pero estuvo genial.

a alguien mas le dio hambre durante la explicacion? 😂

Se podría decir que el Runtime por defecto es sincrono ?

Ahora cada que vaya por unos de pastor :3 me voy a acordar del event loop ❤️

f

Hace 1 año el tema de sincronía y sincronía me causaban mucho dolor de cabeza. Y tan sencillo que es! >.<