≡En resumen
- JavaScript es el lenguaje que da comportamiento a las webs: HTML estructura, CSS da estilo y JavaScript hace que reaccionen.
- Se ejecuta en el navegador del usuario, pero con Node.js también en servidores, apps móviles y de escritorio.
- No tiene nada que ver con Java: el nombre fue una decisión de marketing de Netscape en 1995.
- Su estándar oficial es ECMAScript, que publica una edición nueva cada junio desde 2015.
- Un uso excesivo de JavaScript ralentiza la web y puede dificultar que Google vea el contenido.
01 ¿Qué es JavaScript?
02 ¿Para qué sirve JavaScript?
Webs interactivas
Menús desplegables, carruseles, validación de formularios, mapas, filtros de productos y animaciones.
Aplicaciones web
Gmail, Google Docs o un panel de gestión funcionan como programas dentro del navegador gracias a JavaScript.
Servidores y APIs
Con Node.js, Deno o Bun se programa la parte del servidor, se conectan bases de datos y se crean APIs.
Apps móviles
React Native permite crear apps para iOS y Android con JavaScript o TypeScript.
Apps de escritorio
Electron empaqueta webs como programas de escritorio; con él se han construido editores como Visual Studio Code.
Automatización y extensiones
Extensiones de navegador, scripts de Google Sheets (Apps Script) y automatizaciones de marketing.
Por eso es uno de los lenguajes más usados del mundo. En la encuesta de Stack Overflow de 2025, el 66 % de los desarrolladores dijo usarlo, y según W3Techs lo emplea como lenguaje de cliente el 98,9 % de las webs. Si tu proyecto necesita algo más que una web informativa, como un área de clientes o un configurador, eso es desarrollo de aplicaciones web, y JavaScript estará casi seguro en el centro.
03 Cómo funciona JavaScript en el navegador
-
1
El navegador descarga la página
Recibe el HTML, que incluye o enlaza los archivos CSS y JavaScript.
-
2
Construye el DOM
Convierte el HTML en un árbol de objetos, el DOM, que JavaScript puede leer y modificar.
-
3
El motor ejecuta el código
Cada navegador tiene su motor: V8 en Chrome y Edge, SpiderMonkey en Firefox y JavaScriptCore en Safari. Compilan el código al vuelo para que sea rápido.
-
4
Espera eventos
Clics, pulsaciones de tecla o respuestas del servidor disparan funciones. Un bucle de eventos gestiona las tareas en un solo hilo principal.
-
5
Actualiza la página
JavaScript cambia el DOM y el navegador repinta solo lo necesario, sin recargar.
Este fragmento muestra un mensaje cuando el usuario pulsa el botón con el identificador boton:
document.querySelector('#boton').addEventListener('click', () => { alert('¡Hola!'); });
Selecciona un elemento del DOM, le asigna un «escuchador» del evento clic y ejecuta una función flecha cuando ocurre.
04 JavaScript vs Java (y TypeScript)
| Aspecto | JavaScript | Java | TypeScript |
|---|---|---|---|
| Creador y año | Brendan Eich, Netscape, 1995 | James Gosling, Sun Microsystems, 1995 | Microsoft, 2012 |
| Tipado | Dinámico | Estático | Estático opcional sobre JavaScript |
| Ejecución | Motor del navegador o Node.js, compilación al vuelo | Se compila a bytecode para la máquina virtual de Java | Se transpila a JavaScript |
| Uso típico | Web (cliente y servidor), apps híbridas | Aplicaciones empresariales, Android, backend | Proyectos JavaScript grandes que necesitan más control |
05 ECMAScript: el estándar y sus versiones
| Edición | Fecha | Qué supuso |
|---|---|---|
| 1.ª (ES1) | Junio de 1997 | Primer estándar, a partir del JavaScript que Netscape envió a Ecma en 1996 |
| 3.ª (ES3) | Diciembre de 1999 | Base del JavaScript de la primera década de 2000 |
| 5.ª (ES5) | Diciembre de 2009 | Modo estricto y JSON nativo |
| 6.ª (ES2015 o ES6) | Junio de 2015 | Gran renovación: clases, módulos, let y const, funciones flecha, promesas |
| 7.ª a 16.ª | Cada junio de 2016 a 2025 | Ediciones anuales con mejoras incrementales, como async/await (2017) |
| 17.ª (ES2026) | Junio de 2026 | Edición vigente en septiembre de 2026 |
El comité TC39 de Ecma International mantiene el estándar y trabaja ya en el borrador de ECMAScript 2027. Los navegadores modernos se actualizan solos, así que las funciones nuevas llegan a la mayoría de usuarios en pocos meses.
06 Frameworks y librerías de JavaScript
React
Librería de Meta para construir interfaces con componentes. Con React Native se usa también en apps móviles.
Vue y Angular
Frameworks para aplicaciones web completas: Vue destaca por su curva de aprendizaje suave; Angular, mantenido por Google, por su estructura.
Next.js y Nuxt
Frameworks que renderizan en el servidor para mejorar velocidad y SEO, sobre React y Vue respectivamente.
Node.js
Entorno para ejecutar JavaScript fuera del navegador, en servidores y herramientas de desarrollo.
jQuery
Librería clásica para manipular el DOM. Aún está en muchas webs antiguas, aunque hoy el JavaScript nativo cubre casi todo lo que hacía.
Si te interesa el lado del servidor, tienes la ficha de Node.js, y para interfaces la de React y React Native. En móvil, JavaScript compite con Dart: lo comparamos en Flutter vs React Native.
07 JavaScript, SEO y velocidad de la web
Google procesa las webs con JavaScript en tres fases: rastreo, renderizado e indexación. Las páginas esperan en una cola de renderizado, normalmente unos segundos, hasta que una versión actualizada de Chromium ejecuta el código. Aun así, la propia documentación de Google recomienda renderizar en el servidor o de antemano, porque la web va más rápida y no todos los robots ejecutan JavaScript.
- ✓Los enlaces deben ser etiquetas a con atributo href; Google no descubre enlaces creados solo con eventos de JavaScript.
- ✓El contenido importante debe estar en el HTML inicial o renderizarse en el servidor.
- ✓Carga los scripts con defer o async para que no bloqueen la página.
- ✓Elimina librerías y plugins que no uses: cada kilobyte de JavaScript hay que descargarlo, analizarlo y ejecutarlo.
- ✓Vigila la métrica INP de Core Web Vitals, que mide lo que tarda la página en responder a una interacción.
08 Cómo activar o desactivar JavaScript en el navegador
-
1
Abre la configuración
En Chrome, pulsa el menú Más (los tres puntos) y elige Configuración.
-
2
Ve a la configuración de sitios
Entra en Privacidad y seguridad y después en Configuración de sitios.
-
3
Elige la opción de JavaScript
Selecciona JavaScript y permite o bloquea su uso para todos los sitios, o añade excepciones para webs concretas.
Preguntas frecuentes sobre JavaScript
Es un lenguaje de programación que los navegadores ejecutan para hacer interactivas las páginas web. Sirve para menús, formularios, animaciones y aplicaciones web, y con Node.js también para servidores y apps.
No. Son lenguajes distintos, con otra sintaxis, otro tipado y otros usos. El parecido del nombre fue una decisión de marketing de Netscape en 1995.
Es de los más accesibles para empezar, porque solo necesitas un navegador y un editor de texto. Dominarlo, con asincronía, frameworks y buenas prácticas, lleva más tiempo.
Es un lenguaje de programación completo. Nació como lenguaje de script para el navegador, pero hoy se usa para construir aplicaciones enteras en cliente y servidor.
Es el nombre del estándar oficial de JavaScript, publicado por Ecma International como ECMA-262. Cada junio sale una edición nueva; la de 2026 es la 17.ª.
Sí. Google puede renderizar JavaScript, pero recomienda que el contenido y los enlaces estén en el HTML o se rendericen en el servidor. Un exceso de scripts también empeora la velocidad y las Core Web Vitals.
Ve a Más, Configuración, Privacidad y seguridad, Configuración de sitios y JavaScript, y permite que los sitios lo usen.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗