</>waridocu

JavaScript

¿Qué es JavaScript?

Qué es JavaScript, dónde se ejecuta (navegador y Node.js), y un primer vistazo al código.

javascriptintroduccionbasico

¿Qué es exactamente?

JavaScript es un lenguaje de programación interpretado y de tipado dinámico, igual que Python: no hace falta compilar el código antes de ejecutarlo, y una variable puede cambiar de tipo de dato durante la ejecución sin declararlo de antemano.

Nació para darle interactividad a las páginas web (validar un formulario, mostrar un menú desplegable, actualizar contenido sin recargar la página), pero hoy en día también corre fuera del navegador gracias a Node.js, un entorno que permite ejecutar JavaScript directamente en la terminal o en un servidor.

Nota

Los archivos de código JavaScript usan la extensión .js. A pesar del nombre parecido, JavaScript no tiene relación directa con Java: son dos lenguajes distintos, con orígenes y diseños diferentes.

Dónde se ejecuta

JavaScript tiene dos entornos principales de ejecución:

EntornoCómo se ejecutaUso típico
NavegadorEl propio navegador (Chrome, Firefox, etc.) trae un motor de JavaScript incorporado. No hace falta instalar nada: basta con incluir el código en una página web.Interactividad en páginas web (frontend).
Node.jsUn programa aparte que se instala en la computadora y permite correr archivos .js desde la terminal, sin necesidad de un navegador.Scripts, herramientas de línea de comandos, servidores backend.

Para ejecutar un archivo con Node.js, el comando es:

bashbash
node archivo.js
Tip

Para saber si tienes Node.js instalado, corre node --version en tu terminal. Si el comando no se reconoce, hace falta instalarlo primero desde el sitio oficial de Node.js.

Un primer vistazo al código

El ejemplo más simple posible es mostrar un mensaje por pantalla, usando console.log():

Ejemplo: hola mundo en JavaScriptjavascript
console.log("Hola, mundo");

Si este código está en un archivo archivo.js y lo ejecutas con node archivo.js, verás Hola, mundo impreso en la terminal. Si en cambio lo colocas dentro de una página web (dentro de una etiqueta <script>), el mensaje aparecerá en la consola del navegador en vez de en la terminal — pero el código en sí es exactamente el mismo.

Un ejemplo un poco más completo, que ya usa una variable y una condición:

Ejemplo: saludo condicional según la horajavascript
const hora = 20;

if (hora < 12) {
  console.log("Buenos días");
} else {
  console.log("Buenas tardes");
}

hora es una variable (no hace falta indicar su tipo, JavaScript lo infiere solo), y el if decide qué mensaje imprimir según la condición hora < 12. Como hora vale 20, este código imprime Buenas tardes.

Importante

Para declarar variables existen tres palabras clave: var, let y const. var es la forma original del lenguaje, pero hoy se considera una forma antigua con comportamientos confusos (por ejemplo, no respeta bien los bloques {}). En código moderno se prefiere let para variables que van a cambiar de valor, y const para variables que no se van a reasignar — como se usó en el ejemplo de arriba.

Siguiente paso

Con esto ya tienes la idea general de qué es JavaScript, dónde corre y cómo se ve un programa mínimo. Esta página es la base del lenguaje: más adelante, esta documentación va a construir sobre JavaScript para explicar React, una librería para construir interfaces de usuario en el navegador (frontend), combinada con Spring Boot, un framework de Java para el servidor (backend). Pero eso es un desarrollo posterior — por ahora, el punto de partida es JavaScript puro.