La ejecución del código JavaScript se lleva a cabo mediante un Motor de JavaScript dentro de un Entorno de Ejecución. Entender estos componentes y los métodos para ejecutar código es fundamental.

Entornos de Ejecución de JavaScript

Un entorno de ejecución (Runtime Environment) es donde el código JavaScript es analizado, interpretado y ejecutado. Los dos entornos principales son:

• El Navegador (Browser): Es el entorno original y más común. Se utiliza para el desarrollo Front-end (lado del cliente). El navegador proporciona Web APIs (como el DOM, setTimeout, fetch, etc.) que permiten a JavaScript interactuar con la página web y el usuario.

• Node.js: Es un entorno de ejecución fuera del navegador y se utiliza principalmente para el desarrollo Back-end (lado del servidor) y herramientas de línea de comandos. Se basa en el mismo motor V8 de Chrome. A diferencia del navegador, Node.js proporciona acceso a las APIs del sistema operativo, como el sistema de archivos (fs), red, y otras funcionalidades del servidor.

• Otros: Existen otros entornos modernos como Deno y Bun, que buscan mejorar y modernizar la experiencia de Node.js.

El Motor de JavaScript (JavaScript Engine)

El Motor de JavaScript es el programa clave que lee, compila y ejecuta el código. Está integrado en el entorno de ejecución (navegador o Node.js).

Funcionamiento Básico del Motor V8

Aunque los motores varían, el V8 de Google (el más utilizado) sigue un proceso general:

1. Parseo (Parsing): El código fuente de JavaScript se lee y se descompone en tokens, para luego construir un Árbol de Sintaxis Abstracta (AST).

2. Interpretación: El intérprete (como Ignition en V8) recorre el AST y genera Bytecode.

3. Compilación JIT (Just-In-Time): Para el código que se ejecuta frecuentemente ("código caliente"), el compilador optimizador (como Turbofan en V8) traduce el Bytecode directamente a código máquina ejecutable por el procesador, optimizando el rendimiento.

Métodos de Ejecución de Código

El código JavaScript puede ejecutarse de las siguientes maneras:

• En el Navegador a través de archivos:

  • JavaScript Interno: Escribiendo código directamente dentro de una etiqueta <script> en el archivo HTML.

  • Ejemplo embebido en el HTML:

<script>
  alert("Hola desde el script embebido!");
</script>

• • JavaScript Externo: Creando un archivo separado con extensión .js y vinculándolo al HTML mediante la etiqueta <script src="nombre-archivo.js"></script>. Esta es la práctica recomendada.

Desde un archivo externo:

<script src="main.js"></script>

• Este método es el más recomendable, porque separa la lógica del contenido y permite reutilizar el código.
• Consejo: Coloca el script justo antes del cierre de la etiqueta </body> para asegurar que todo el HTML se haya cargado antes de ejecutar el código.
• 
  

• En la Consola del Navegador: Abriendo las Herramientas de Desarrollo (DevTools, generalmente con F12 o Ctrl+Shift+J), y seleccionando la pestaña "Console". Aquí se pueden escribir y ejecutar expresiones de JavaScript de forma interactiva.

• En Node.js a través de archivos: Ejecutando un archivo .js directamente desde la terminal del sistema operativo utilizando el comando:

  Bash

  
  

  node nombre_del_archivo.js
  

• En la Consola de Node.js (REPL): Abriendo la terminal y escribiendo simplemente node. Esto inicia un entorno interactivo donde se pueden escribir y ejecutar sentencias de JavaScript al instante (Ver nuestro curso de NodeJS).