Qué es JavaScript
Definición:
JavaScript es un lenguaje de programación diseñado en un principio para añadir
interactividad a las páginas webs y crear aplicaciones web. A pesar de la similitud en
el nombre, no está relacionado con Java. Se emplea en el desarrollo de páginas web
para tareas como cambiar automáticamente la fecha de una página, hacer que una
página aparezca en una ventana emergente al hacer clic en un enlace o que un
texto o imagen cambien al pasar el ratón por encima. También suele emplearse para
hacer encuestas y formularios. Se ejecuta en el ordenador del visitante a la web, por
lo que no requiere descargas constantes desde el sitio web.
1 El lenguaje JavaScript
2 El uso de JavaScript
El lenguaje JavaScript
JavaScript es un lenguaje de alto nivel, dinámico e interpretado. Se define como
orientado a objetos, basado en prototipos, imperativo y débilmente tipado. Junto al
HTML y a CSS, es una de las tres tecnologías esenciales en la producción mundial
webs: la mayoría de los sitios web la emplean y es compatible con todos los
navegadores modernos sin necesidad de plug-ins. JavaScript posee una API para
trabajar con texto, arrays, fechas y expresiones regulares.
A pesar de algunos nombres y similitudes en la biblioteca estándar, JavaScript y
Java no poseen ninguna relación y tienen semánticas muy diferentes. La sintaxis de
JavaScript en realidad se deriva de C, mientras que su semántica y el diseño están
influenciados por los lenguajes de programación Self y Scheme.
El uso de JavaScript
JavaScript también se utiliza en entornos que no se basan en web, tales como
documentos PDF, navegadores específicos del sitio y widgets de escritorio.
Máquinas virtuales de JavaScript (VMs) mucho más nuevas y rápidas, así como
plataformas construidas sobre este lenguaje, han aumentado la popularidad de
JavaScript para aplicaciones web. Por parte del cliente, JavaScript se ha aplicado
tradicionalmente como un lenguaje interpretado, pero los navegadores más
recientes pueden realizar la compilación al momento.
También se utiliza en el desarrollo de videojuegos, en la creación de aplicaciones de
escritorio y móviles y en la programación de servidores con entornos de ejecución
como Node.js. Para interactuar con una página web se provee al lenguaje JavaScript
de una implementación del Document Object Model (DOM).
Normalmente se utilizaba JavaScript en las páginas web HTML para realizar
operaciones y solo en el marco de la aplicación cliente, sin acceso a funciones del
servidor. En la actualidad se emplea para enviar y recibir información del servidor
junto con ayuda de otras tecnologías como AJAX. JavaScript es interpretado en el
agente de usuario al mismo tiempo que las sentencias van descargándose junto con
el código HTML.Es compatible con todos los navegadores modernos y se ejecuta del
lado del cliente, lo que significa que se ejecuta en el navegador web del usuario final.
Además de su uso en el desarrollo web, JavaScript también se utiliza en
aplicaciones de servidor (con tecnologías como Node.js) y en el desarrollo de
aplicaciones móviles y de escritorio.
JavaScript proporciona una amplia gama de funcionalidades, como manipulación del
DOM (Document Object Model) para interactuar con elementos de una página web,
manejo de eventos, comunicación con servidores a través de AJAX, creación de
animaciones, validación de formularios y mucho más. Es un lenguaje flexible y
dinámico que permite a los desarrolladores crear experiencias interactivas y ricas en
contenido.
Es importante destacar que JavaScript no está relacionado con Java, a pesar de
tener un nombre similar. Son dos lenguajes de programación diferentes con
propósitos y características distintas
Para qué sirve JavaScript
En el contexto actual, JavaScript se utiliza para todo, gracias a la introducción de
Node.js. Esta tecnología crea software robusto para empresas en todo el mundo.
Por si fuera poco, organizaciones como LinkedIn y Medium lo implementan al
construir plataformas para que los usuarios tengan acceso a sus servicios.
Lo que se puede hacer con JavaScript abarca diferentes tipos de software, como
juegos, programas de computadora, aplicaciones web y hasta tecnologías de
blockchain. JavaScript es posiblemente el lenguaje de programación más popular de
la web. Por ejemplo, más de 125.000 empleos en LinkedIn buscan profesionales con
habilidades en JavaScript.
Ya que hemos discutido el alcance de JavaScript en la industria laboral, hablemos
más de su uso más común: el desarrollo web.
JavaScript para desarrollo web
El uso más popular de JavaScript es para el desarrollo web, y es una de las
herramientas más poderosas que un desarrollador puede tener en sus manos. Los
desarrolladores usan JavaScript en esta área para añadir interactividad y funciones
que mejoren la experiencia del usuario y que internet se disfrute mucho más.
JavaScript se ha expandido más allá del desarrollo de interfaz, que es donde
comenzó. Recientemente, JavaScript ha llegado al back-end, o dorsal de desarrollo
web. Esto quiere decir que los desarrolladores tienen acceso de interfaz a métodos
CRUD (Create, Read, Update, Destroy; en español: Crear, Leer, Actualizar, Destruir)
y hasta puede utilizarse en el motor de un sitio web.
Además, de acuerdo con W3techs, más del 90 % de todos los sitios web funcionan
con JavaScript. Esto lo convierte en el líder primordial en tecnología de desarrollo
web. Hablemos de algunos usos específicos de JavaScript en desarrollo web.
Interactividad de interfaz o front-end: el desarrollo web mejora solamente por
el aumento de la interactividad y funciones que JavaScript ofrece.
Aplicaciones Web: las aplicaciones web son similares a los sitios, pero en su
lugar pueden empacarse en una caja más compacta, que mejora el control de
la seguridad y otros aspectos.
Juegos de navegador: los navegadores web actuales han cambiado mucho;
los desarrolladores pueden crear juegos robustos que funcionan en ellos.
Desarrollo web dorsal o back-end: el desarrollo web se ha transformado tanto,
que JavaScript puede utilizarse para gestionar el back-end de sitios y
aplicaciones.
Esta es una ilustración de los usos posibles de Javascript al día de hoy:
Ya que hablamos de los diferentes modos en que JavaScript puede usarse,
hablemos de cómo funciona.
Cómo funciona JavaScript
JavaScript es un lenguaje versátil y poderoso que se ha convertido en una parte
integral del desarrollo web. Permite crear interacciones dinámicas y enriquecer la
experiencia del usuario en las páginas web, lo que ha llevado a su amplia adopción y
uso generalizado en la industria.
JavaScript se interpreta en el navegador web, lo que significa que el código
JavaScript se ejecuta directamente en el entorno del navegador sin necesidad de
una etapa de compilación previa. A continuación, te explicamos cómo funciona este
proceso:
Descarga y carga del código: cuando un navegador encuentra código
JavaScript en una página web, comienza a descargarlo y cargarlo en la
memoria del navegador. El código JavaScript puede estar incrustado
directamente en el archivo HTML o puede estar referenciado desde archivos
externos.
Análisis léxico y sintáctico: una vez que el código JavaScript se carga en el
navegador, el motor de JavaScript realiza un análisis léxico y sintáctico del
código. Esto implica dividir el código en tokens y verificar que la estructura del
código sea gramaticalmente correcta. Si se encuentran errores sintácticos, se
mostrará un mensaje de error en la consola del navegador.
Creación del árbol de análisis (AST): después de completar el análisis léxico y
sintáctico, se crea un árbol de análisis (AST, Abstract Syntax Tree) que
representa la estructura del código JavaScript. El AST descompone el código
en una estructura jerárquica que facilita su posterior interpretación y
ejecución.
Interpretación línea por línea: a medida que el navegador interpreta el código
JavaScript, línea por línea, ejecuta las instrucciones correspondientes. Cada
instrucción se evalúa y produce un resultado o efecto según lo especificado
en el código.
Manipulación del DOM y eventos: JavaScript interactúa con el DOM para
manipular y modificar elementos HTML y CSS en la página. Puede acceder a
los elementos del DOM utilizando métodos y propiedades proporcionados por
el navegador. Además, JavaScript puede registrar callbacks para eventos
específicos, como clics de botón o cambios en el valor de un campo de
entrada, y responder a ellos ejecutando el código asociado.
Ciclo de eventos: el ciclo de eventos de JavaScript permite que el código
responda a eventos y se ejecute de forma asíncrona. Cuando se produce un
evento, el código correspondiente se ejecuta como parte del ciclo de eventos,
lo que permite una interactividad fluida y una respuesta en tiempo real en las
aplicaciones web.
Es importante tener en cuenta que diferentes navegadores pueden utilizar motores
de JavaScript distintos, como V8 en Chrome o SpiderMonkey en Firefox, lo que
puede dar lugar a diferencias sutiles en el rendimiento y las características
compatibles. Sin embargo, en general, el proceso de interpretación en el navegador
sigue estos pasos básicos para ejecutar el código JavaScript.
Esta imagen es un ejemplo de cómo JavaScript trabaja.
Esperamos que esto te dé una mejor idea de cómo opera este lenguaje. A
continuación hablaremos sobre cómo utilizarlo en un sitio web.
Cómo añadir JavaScript a tu sitio web
Añadir JavaScript a tu sitio web es sencillo. Solo necesitas vincular tus archivos
JavaScript desde tus archivos HTML. Si tienes alguna experiencia trabajando con
HTML y CSS para el desarrollo web, entonces ya has experimentado algo similar.
Muy parecido al añadir CSS a tu HTML, existe una etiqueta HTML llamada «script»
que te permite vincular a JavaScript con los archivos que tu código puede usar para
manipular el HTML y CSS en tu sitio.
Echemos un vistazo a cómo luce una etiqueta de HTML script. La siguiente línea de
código es un ejemplo del script y su sintaxis.
<script src="tuArchivo.js"></script>
La línea de arriba conecta un archivo llamado «tuArchivo.js» (terrible nombre, pero
sirve como un ejemplo) a tu archivo HTML, conectando ambos. Esto te permite
escribir tu código en un archivo separado, lo que mantiene tu HTML limpio y más
fácil de manejar. Utilizar el script con el atributo scr también se considera una buena
práctica, porque conserva tus códigos separados uno de otro, lo que facilita
actualizar y cambiar lo que sea con mínimos problemas.
La etiqueta script con src no es la única manera de añadir JavaScript a tu sitio, así
que hablemos de otra. La etiqueta script también puede inyectar código JavaScript
directamente en tu HTML, como lo verás a continuación.
<script type="texto/JavaScript">JavaScript código va aquí</script>
Es muy sencillo de completar y no luce tan diferente a añadir JavaScript de forma
externa.
Aviso importante: como el navegador maneja JavaScript, es importante tener en
cuenta que no todos los navegadores soportarán funciones de este lenguaje. De
hecho, no todos los navegadores tendrán JavaScript disponible, así que considera
esa posibilidad.
Ya que entiendes cómo añadir JavaScript a un sitio web, mira un ejemplo de cómo
se ve un código JavaScript.
Características de JavaScript
Lenguaje interpretado
JavaScript es un lenguaje interpretado debido a la forma en que se ejecuta y
procesa su código.
Entorno de ejecución en el navegador: JavaScript se ejecuta principalmente
en los navegadores web. Cuando se carga una página web que contiene
código JavaScript, el navegador interpreta y ejecuta ese código directamente
en su entorno de ejecución interno. Esto significa que no se requiere un paso
de compilación previo antes de ejecutar el código JavaScript.
Análisis y ejecución línea por línea: a diferencia de los lenguajes compilados,
en los que todo el código se traduce en instrucciones de máquina antes de su
ejecución, JavaScript se interpreta línea por línea a medida que se encuentra.
El motor de JavaScript del navegador analiza y ejecuta cada línea de código a
medida que se encuentra durante el proceso de carga de la página.
Flexibilidad y facilidad de desarrollo: el enfoque interpretado de JavaScript
brinda flexibilidad y facilidad de desarrollo. No es necesario compilar el código
antes de probarlo, lo que permite un desarrollo rápido y una iteración ágil. Los
cambios realizados en el código JavaScript se pueden probar y ver
inmediatamente sin la necesidad de un proceso de compilación.
Plataforma independiente: el hecho de que JavaScript sea un lenguaje
interpretado contribuye a su capacidad de ser ejecutado en diferentes
plataformas y sistemas operativos. Los navegadores web son la plataforma
principal para la ejecución de JavaScript, y los navegadores modernos han
implementado sus propios motores para interpretar y ejecutar el código en
diferentes sistemas.
Fácil actualización y distribución: con JavaScript interpretado, los cambios o
actualizaciones en el código se pueden implementar fácilmente, ya que los
usuarios solo necesitan cargar la nueva versión del código en sus
navegadores. No es necesario que los usuarios realicen una instalación
manual o actualización de un programa o aplicación.