Interpretación de JavaScript por el Navegador

Clase 32 de 32 • Curso de Introducción a la Web: Historia y Funcionamiento de Internet

Clase anteriorSiguiente clase

Resumen

Nombre del curso: Nuevo Curso de Introducción a la Web: Historia y Funcionamiento de Internet

Director de escuela: Oscar Barajas

Profesor: Diego De Granda

Dirección: Fernanda Jófili y Juan David Castro

Producción OPS: Lizeth Cáceres y Rocío Martínez

Creación audiovisual: Pepe Rodelo

Edición de video: Pablo Valés

Postproducción de audio: Jorge Torres

Diseño gráfico: Amelia Amórtegui

Coordinación general: Andrés Arizmendy, Daniel Gutiérrez, Carol Baquero y Sura Cedeño

Revisión: Rodrigo Goitia y Nohely Badillo

Luis Castro

student•

JS Engine

Este subsistema analiza el código en JavaScript y lo traduce a lenguaje máquina. Estos motores de JS pueden ser intérpretes estándar, o compiladores JIT (Just inTime). Uno de los motores más populares es el motor Google V8 que está escrito en C++. .

Este motor incluye dos componentes:

Memory heap que es dónde se almacenan variables, funciones y otros elementos de JS.
Call Stack que es una cola de marcos de pila o pasos secuenciales ejecutados por el navegador. .

Algunos subprocesos de este motor son:

Obtener, compilar y ejecutar código
Un hilo de creación de perfiles para analizar funciones y su consumo de tiempo.
Optimización del proceso de ejecución.
Recolectores de basura. .

Nestor Rios Garcia

student•

Broooo, te rifaste con los apuntes, muchas gracias.

Luis Castro

student•

Los hago con tomo mi amor para la comunidad :green_heart: y que bueno que te gusten Nestor

Carlos Ramos

student•

Clase 32 - JS Engine

Repaso de la clase

¿Qué hace que un sitio web tenga interacción?

Javascript.

¿Qué usa el navegador para entender Javascript?

El Javascript engine o en español motor de javascript.

¿Qué hace el javascript engine para que el navegador entienda javascript?

El toma nuestro código Javascript y lo traduce en bytecode para que así el navegador sepa que hacer.

¿Cuál es el proceso que hace el Javascript Engine para que el navegador entienda Javascript?

Lee el archivo Javascript.
Genera un árbol de nodos a partir de la sintaxis de Javascript (variables, funciones, etc.).
Interpreta el árbol de nodos y a partir de las siguientes dos decisiones decide qué hacer:
- Sí el javascript engine entiende completamente nuestro archivo Javascript inmediatamente lo pasa a bytecode, para que el navegador sepa que debe hacer.
- Sí el javascript engine no entiende completamente nuestro archivo javascript o encuentra mucho código repetido pasa por un proceso llamado Optimising Compiler, el cuál optimiza nuestro código. Luego de la optimización el javascript engine lo pasa a machine code para finalmente volver nuestro código Javascript en Bytecode y el navegador sepa que hacer.

Lukas sepulveda

student•

Gracias!

Augurio Silvestre

student•

Gracias

Daniel Alejandro Romero

student•

Hola otra vez, me gustaría que realizaran un curso sobre cómo revisar la documentación de los lenguajes, una especie de guía general, algo similar al famoso papel sobre cómo leer artículos científicos. Eso sería genial, porque los temas que tocan son extremadamente interesantes, pero siempre me encuentro con la barrera de revisar la documentación oficial, lo cual resulta un poco difícil.

Diego Colín

student•

Great idea!

Lukas sepulveda

student•

Tienes razon

Allán Cardona

student•

Lukas sepulveda

student•

Nice, Gracias!

Andrés Soret Chacin

student•

Aprender sobre desarrollo web puede ser un desafío, pero también una oportunidad para crear cosas increíbles, expresar tu creatividad y mejorar el mundo. No te rindas ante las dificultades, sigue practicando, buscando soluciones y aprendiendo de tus errores. Recuerda que cada paso que das te acerca más a tu meta y que el camino es tan importante como el destino. ¡Tú puedes hacerlo! 💪

Diego Colín

student•

Es curioso pensar que muchos de los avances tecnologicos que tenemos hoy en dia surgieron gracias a motivos belicos y la necesidad de un grupo por tener mas eficiencia/seguridad en sus procesos que su contraparte. Despues de la tormenta viene la calma

Daniel Alejandro Romero

student•

Hola, algien me puede explicar como es posible que el motor de java scrip uses una parte del mismo java script para ser inerpreatado ¿¿No seria con uar el español para traducir el español?? Esta es mi fuente: https://github.com/v8/v8

Ulqernesh Karvenae

student•

El motor de JavaScript como V8, que es el que utilizan Chrome y Node.js, no está escrito en JavaScript, sino que está escrito principalmente en C++.

Pero creo que entiendo a qué te refieres. Es posible que estés hablando de un concepto llamado "auto-interpretación" (también conocido como "metacircularity"). Esto es cuando un intérprete o compilador está escrito en el mismo lenguaje que interpreta o compila. Este es un concepto bastante común en el mundo de la informática.

Dicho esto, JavaScript no es auto-interpretado en el sentido estricto. Como dije antes, el motor de JavaScript se escribe en un lenguaje diferente (C++ en el caso de V8). Sin embargo, algunas partes del sistema (como las funciones integradas o los métodos de los objetos del sistema) pueden estar escritas en JavaScript. Esto es porque una vez que el motor de JavaScript está en funcionamiento, es posible usar JavaScript para implementar muchas funciones de alto nivel. Esto puede facilitar la implementación, el mantenimiento y la portabilidad.

En cuanto a tu analogía con el español, no es completamente exacta. Sería más parecido a si fueras un hablante nativo de inglés que está aprendiendo español, y estás usando un diccionario español-inglés para ayudarte a traducir. El diccionario (equivalente al motor de JavaScript) fue escrito originalmente en inglés (equivalente al C++), pero lo estás usando para trabajar con el español (equivalente al JavaScript).

Jorge Reyes Vargas

student•

Ese porcentaje de código Javascript no hace parte del código del motor como tal. En realidad hace parte de herramientas usadas en ese repo para hacer debugging o para fines de investigación. Si le das clic al lenguaje como tal puedes ver los archivos escritos en ese lenguaje, y ahí verás que hacen parte de la carpeta Tools.

Jesus Percy Nazario Portilla

student•

El JS Engine (motor de JavaScript) es un componente del navegador que interpreta y ejecuta el código JavaScript. Su función principal es convertir el código escrito por los desarrolladores en un formato que la máquina pueda entender (Machine Code). El proceso incluye el parseo del código, la creación de un árbol de sintaxis (AST), la interpretación y la optimización del código para mejorar su rendimiento. Sin el JS Engine, las interacciones dinámicas en páginas web no serían posibles.

Flavio S Barajas Torres

student•

Me encantó el curso. Me dejó la lista completa de lo que se requiere aprender para ser un buen programador. Y ya estoy listo para entrar a profundidad en estos temas en los siguientes cursos de Platzi.

Jose Yufarinson Mosquera Diaz

student•

Muchas gracias por tus enseñanzas

angel trujillo

student•

la verdad es un buen inicio de curso para entrar a este mucho del desarrollo web, el tutor explica muy bien lo que hace que sea mas facil entrender como va funsionando el mucho de progremador web.

Oswaldo de Jesus Montes Camarillo

student•

¡¡Exelente curso de iniciación a la Programación Web!! Mucho Éxito!!

Santiago Muñeton Hernandez

student•

Excelente curso 💚, obtuve nuevos conocimientos y ahora entiendo más sobre cómo nos comunicamos con los computadores y cómo estos dispositivos se comunican con nosotros, sobre el machine code, sobre la historia y funcionamiento de internet, sobre la historia y funcionamiento de la web.

Ahora mi forma de ver las interfaces en mi PC han cambiado totalmente.

print("Nunca pares de aprender! 💚💚💚")

Andres Felipe Ramos Torres

student•

Muy chévere el curso.

Andres Felipe Ramos Torres

student•

La clase aborda cómo el navegador interpreta JavaScript a través de un motor, transformando el código en instrucciones que la computadora puede ejecutar, facilitando la interacción del usuario con productos web.