¿Qué es JavaScript Engine?

JS Engine es un motor que entiende al lenguaje JavaScript y puede convertirlo a Machine Code para que el navegador sepa que función se debe realizar.

Cuando llega un script al navegador el JS Engine inicia un proceso el cual consta de:

Recibir el código como un flujo de bytes UTF-16 y pasarlo a un decodificador de flujo de bytes (el cual hace parte del motor).

El parser toma el código y lo descompone en tokens (los tokens son elementos de js como: let, new, símbolos de operaciones, functions, promises).

Gracias a el anterior parseo se genera una estructura de datos en forma de árbol, o Abstract Syntax Tree (AST).

El intérprete recorre el AST y va generando el bytecode.

El optimizing compiler optimiza el código bytecode a machine code y se reemplaza el código base.

Cada navegador tiene un JavaScript Engine, que permite convertir código JavaScript en código que pueda interpretar. El motor V8 javascript es el que usan los navegadores basados en chromium como chrome, el nuevo edge, brave etc, está escrito en C++ y compila todo el JS a código máquina directamente.

El motor SpiderMonkey está escrito en C y C++ es el que usa FireFox sin embargo, no es tan rápido como el motor V8 porque compila a un byte-code intermedio y no a código máquina. El motor Rhino compila JS a clases de Java.

Aprende más en nuestro blog principal de tecnología:

https://www.demeza.com.mx/

#madeiguala #mademx #demezamx #igualadelaindependencia

Comentarios

Entradas populares de este blog

Paint o pintado en diseño web, ¿Qué es?

Paint o pintado es poner los detalles finales para que el proyecto se pueda ver como queríamos al principio, cada contenedor es como una caja en la cual solo queda ponerle color o diseño dinámico. Es la parte final, así que después de esto podríamos interactuar con la página. En esta fase el navegador convierte al árbol de representación o Render Tree en píxeles en la pantalla. Una vez finaliza el evento “ Layout ” , el navegador desencadena dos eventos: “Paint setup” y “Paint” , que convierten al árbol de representación en pixeles en la pantalla. Dentro del Paint tenemos dos acciones que son muy costosas las cuales son el Reflow y Repaint. El Repaint ocurre cuando se realizan cambios en un elemento que cambia visiblemente, pero no afecta su diseño. Un Reflow es aún más crítico para el rendimiento porque implica cambios que afectan el diseño de una parte de la página (o de toda la página). El tiempo necesario para realizar la construcción, el diseño y la pintura del árbol de repre...

¿Qué es el Layout en diseño web?

El Layout es un esquema de la distribución de los elementos dentro de una página web. Se compone de una serie de bloques de ciertas dimensiones en los que se colocará el contenido. Estos bloques suelen trazarse a través de etiquetas HTML comunes, como div, o semánticas, como header, nav, section, article, aside y footer, incorporadas en HTML5 . Es la primera parte del output del render tree . El navegador forma la maqueta y define los espacios que cada sección ocupará en la pantalla. Es la maqueta del proyecto En qué parte de la pantalla va cada componente Comienza a generar los espacios específicos Consultar las siguientes paginas para una mejor referencia: Layout Mode – CSS | MDN Introducción al diseño en CSS - Aprende sobre desarrollo web | MDN Layout– Google | Web.dev Aprende más en nuestro blog principal de tecnología: https://www.demeza.com.mx/ #madeiguala #mademx #demezamx #igualadelaindependencia

¿Cómo realizar operaciones con números binarios?

El sistema binario es un sistema numérico como el decimal representado por 1 y 0 que es verdadero y falso en electricidad. Existen varios métodos o “trucos” para aprender a sumar, restar, multiplicar o dividir números binarios, a continuación, te dejamos algunos contenidos que te pueden servir para aprender a hacerlo de forma correcta. Para aprender a sumar: SUMA BINARIA - Ejercicio #1 Para aprender a restar: RESTA BINARIA - Ejercicio #1 Cómo restar: 0-1 en binario y no morir en el intento D: -Platzi Para aprender a dividir: DIVISIÓN BINARIA - Ejercicio #1 Para aprender a multiplicar: MULTIPLICACIÓN BINARIA - Ejercicio #1 Para aprender varias operaciones: Operaciones con números binarios y conversión a otros sistemas Suma, resta y multiplicación binarias |Apréndelo FÁCIL y RÁPIDO | Curso ELECTRÓNICA DIGITAL Para convertir de decimal a binario: CONVERTIR de DECIMAL a BINARIO - Método #1 - Ejercicio #1 Aprende más en nuestro blog principal de tecnología: htt...

MADE Iguala

Buscar este blog