REPÚBLICA BOLIVARIANA DE VENEZUELA.
MINISTERIO DEL PODER POPULAR PARA LA EDUCACIÓN
UNIVERSITARIA.
UNIVERSIDAD POLITÉCNICA TERRITORIAL DEL OESTE DE SUCRE
“CLODOSBALDO RUSSIÁN.”
CUMANACOA-MUNICIPIO MONTES.
JavaScript
DOCENTE: ESTUDIANTE:
María Rivas Álvarez, Stefany
C.I.: 31.412.771
PNF. INFORMÁTICA
TRAYECTO II
CUMANACOA, ENERO DE 2026.
Introducción
El desarrollo de la World Wide Web ha evolucionado de manera vertiginosa
desde sus inicios en los años 90. En aquel entonces, las páginas web eran documentos
estáticos, compuestos principalmente por texto y enlaces básicos, limitando la
interacción del usuario a una navegación lineal. Sin embargo, la necesidad de crear
experiencias más ricas, fluidas y atractivas dio lugar al nacimiento de tecnologías que
transformaron internet en lo que conocemos hoy. En este ecosistema tecnológico,
JavaScript se establece como el pilar fundamental de la interactividad, posicionándose
junto a HTML y CSS como uno de los tres lenguajes esenciales que todo desarrollador
debe dominar.
JavaScript no es simplemente un lenguaje de programación más; es el motor
que permite que una página web "cobre vida". Gracias a su capacidad para ejecutarse
directamente en el navegador del usuario, permite realizar cambios en tiempo real sin
necesidad de recargar la página constantemente, lo que optimiza la experiencia de
navegación y el consumo de recursos. Desde la validación de formularios simples hasta
la creación de complejas aplicaciones de una sola página (SPA) y videojuegos de alto
rendimiento, su versatilidad es incomparable. En este trabajo, exploraremos desde sus
orígenes históricos hasta sus reglas técnicas actuales, comprendiendo por qué sigue
siendo el lenguaje más popular y demandado en la industria tecnológica global.
1. Definición:
JavaScript (abreviado comúnmente como JS) es un lenguaje de programación
ligero, interpretado y orientado a objetos con funciones de primera clase. Es conocido
mundialmente como el lenguaje de scripting para páginas web, pero también se utiliza
en muchos entornos fuera del navegador, como [Link], Apache CouchDB y Adobe
Acrobat.
Desde una perspectiva técnica, JavaScript es un lenguaje basado en prototipos,
multiparadigma, de un solo hilo, dinámico y admite estilos de programación orientada
a objetos, imperativa y declarativa (como la programación funcional).
Su función principal en el desarrollo web es dotar de interactividad y
dinamismo a los sitios web, trabajando en conjunto con HTML (que define la
estructura) y CSS (que define el estilo).
2. Origen del lenguaje JavaScript:
El origen de JavaScript se remonta a mayo de 1995, en un periodo de intensa
competencia tecnológica conocido como la "guerra de los navegadores". El lenguaje
fue creado por Brendan Eich mientras trabajaba para Netscape Communications
Corporation. En aquel entonces, Netscape dominaba el mercado con su navegador
Navigator, pero las páginas web eran estáticas y carecían de interactividad. La empresa
buscaba un lenguaje de "scripts" que fuera fácil de usar para diseñadores y
programadores no profesionales, permitiendo que elementos como formularios o
imágenes reaccionaran a las acciones del usuario sin necesidad de recargar la página
constantemente.
La creación de este lenguaje es famosa por haber ocurrido en un tiempo récord:
Eich desarrolló el prototipo inicial en tan solo 10 días. Debido a la presión de lanzar el
producto antes que sus competidores (especialmente Microsoft), el lenguaje fue
diseñado apresuradamente, combinando conceptos de lenguajes como Scheme (en sus
funciones), Self (en su sistema de prototipos) y una sintaxis similar a Java y C para
hacerlo parecer familiar a los desarrolladores de la época.
Originalmente, el lenguaje no se llamó JavaScript. A lo largo de su primer año,
pasó por varios nombres comerciales:
• Mocha: Fue el nombre en clave interno durante su desarrollo inicial.
• LiveScript: Fue el nombre bajo el cual se anunció originalmente y se incluyó
en las versiones beta de Netscape Navigator 2.0.
• JavaScript: En diciembre de 1995, tras una alianza comercial con Sun
Microsystems (creadores de Java), Netscape decidió cambiarle el nombre. Esta
fue una estrategia puramente publicitaria para aprovechar la enorme fama que
Java tenía en ese momento, aunque técnicamente son lenguajes con propósitos
y estructuras muy distintos.
Poco después, Microsoft respondió creando su propia versión llamada JScript
para Internet Explorer, lo que generó problemas de compatibilidad. Para evitar que el
lenguaje se dividiera en múltiples versiones incompatibles, Netscape entregó las
especificaciones a la organización ECMA International a finales de 1996. Esto dio
como resultado el estándar ECMA-262 en 1997, definiendo formalmente el lenguaje
conocido como ECMAScript, del cual JavaScript es la implementación más popular
hasta el día de hoy.
3. Características:
JavaScript no es solo un "lenguaje para páginas web"; es un ecosistema
complejo con propiedades arquitectónicas únicas que lo diferencian de otros lenguajes
como C++ o Java. A continuación, se detallan sus rasgos más importantes:
a. Lenguaje Basado en Prototipos:
A diferencia de los lenguajes orientados a objetos tradicionales (como Java o
C#), que utilizan clases como moldes para crear objetos, JavaScript utiliza prototipos.
Esto significa que un objeto puede heredar propiedades y métodos directamente de otro
objeto.
• Flexibilidad: Esta estructura permite una programación mucho más dinámica,
ya que los objetos pueden ser modificados en tiempo de ejecución,
añadiéndoles funciones o atributos sin necesidad de redefinir una clase
completa. Aunque en las versiones modernas (ES6+) se usa la palabra clave
class, por debajo, el motor de JavaScript sigue funcionando mediante
prototipos.
b. Naturaleza Interpretada y Compilación JIT (Just-In-Time):
Tradicionalmente, JavaScript se define como un lenguaje interpretado, lo que
significa que el código se lee y ejecuta línea por línea. Sin embargo, los motores
modernos (como V8 de Google Chrome) utilizan una técnica llamada Compilación JIT.
• Optimización en tiempo real: El motor analiza el código mientras se ejecuta
y compila las partes que se usan con más frecuencia a lenguaje de máquina.
Esto permite que JavaScript sea extremadamente rápido, casi alcanzando el
rendimiento de lenguajes compilados, manteniendo la facilidad de uso de un
lenguaje de scripting.
c. Modelo Monohilo (Single-threaded) y el Event Loop:
JavaScript opera en un único hilo de ejecución. Esto significa que solo puede
procesar una tarea a la vez en su flujo principal. No obstante, para evitar que la interfaz
de un sitio web se "congele" mientras espera datos de un servidor, utiliza un mecanismo
llamado Event Loop (Bucle de Eventos).
• Asincronía: Gracias a las funciones de retorno (callbacks), las Promesas y el
sistema async/await, JavaScript puede delegar tareas pesadas al navegador y
continuar ejecutando otras líneas de código, retomando el resultado de la tarea
pesada una vez que esté lista.
d. Tipado Dinámico y Débil:
En JavaScript, no es necesario declarar el tipo de dato que va a contener una
variable (como entero, cadena de texto o booleano).
• Tipado Dinámico: Una misma variable puede cambiar de tipo durante la
ejecución del programa; por ejemplo, puede empezar siendo un número y luego
convertirse en una palabra.
• Tipado Débil: El lenguaje realiza conversiones automáticas de tipos (coerción)
cuando es necesario, lo que facilita la escritura rápida de código, aunque
requiere que el programador sea cuidadoso para evitar errores lógicos.
e. Multiparadigma:
JavaScript es un lenguaje extremadamente versátil porque no obliga al
programador a seguir un solo estilo de programación. Admite:
• Programación Imperativa: Enfocada en pasos detallados para alcanzar un
objetivo.
• Programación Orientada a Objetos (POO): Organizada en torno a datos u
objetos.
• Programación Funcional: Donde las funciones son tratadas como
"ciudadanos de primera clase", lo que permite pasarlas como argumentos a otras
funciones o devolverlas como valores.
f. Ubicuidad y Ejecución en el Lado del Cliente y Servidor:
Históricamente, JavaScript solo vivía dentro de los navegadores web (lado del
cliente). Sin embargo, con la llegada de entornos de ejecución como [Link],
JavaScript se expandió al lado del servidor (backend).
• Full-stack: Esto permite que un desarrollador use un único lenguaje para crear
toda una aplicación web, desde la base de datos hasta la interfaz visual, lo que
optimiza los procesos de desarrollo y comunicación en equipos tecnológicos.
4. Ventajas y desventajas:
El éxito de JavaScript como el lenguaje más popular del mundo no significa
que sea perfecto. Su arquitectura presenta beneficios únicos y, al mismo tiempo,
limitaciones importantes que todo desarrollador y académico debe comprender.
Ventajas (Fortalezas):
• Velocidad en el Lado del Cliente: Al ejecutarse en el navegador del
usuario, JavaScript es increíblemente rápido. No necesita enviar cada
pequeña interacción al servidor para obtener una respuesta (como
ocurría en los inicios de la web). Esto permite que tareas como la
validación de formularios o los cambios visuales sean instantáneos,
mejorando drásticamente la experiencia del usuario.
• Carga Reducida del Servidor: Al ser un lenguaje que se procesa en el
dispositivo del cliente, se reduce la demanda de recursos en los
servidores de la empresa. El servidor solo envía el código una vez, y el
dispositivo del usuario se encarga de procesarlo, lo que permite ahorrar
costos de infraestructura y manejar más tráfico simultáneo.
• Interoperabilidad Versátil: JavaScript se integra a la perfección con
otros lenguajes y tecnologías. Puede insertarse fácilmente en cualquier
página web independientemente de la extensión del archivo (PHP,
[Link], Python, etc.). Además, su formato de datos estándar, JSON
(JavaScript Object Notation), es el lenguaje universal para el
intercambio de información en la web actual.
• Ecosistema y Comunidad Masiva: Posee una de las comunidades de
desarrolladores más grandes del mundo. Esto se traduce en la existencia
de miles de librerías y frameworks gratuitos (como React, Vue o
Angular) que permiten construir aplicaciones complejas en tiempo
récord. Si un programador tiene un problema, lo más probable es que la
solución ya esté documentada en foros como Stack Overflow.
• Interfaces Ricas y Dinámicas: Permite crear sitios web altamente
interactivos. Elementos como mapas que se arrastran, menús
desplegables inteligentes, efectos de desplazamiento (parallax) y
actualizaciones de contenido en tiempo real (sin refrescar la página) son
posibles gracias a las capacidades de manipulación del DOM
(Document Object Model) de JavaScript.
Desventajas (Limitaciones):
• Seguridad en el Lado del Cliente: Debido a que el código JavaScript
se ejecuta en el navegador del usuario, es totalmente visible para
cualquiera. Esto lo hace vulnerable a ataques de XSS (Cross-Site
Scripting), donde atacantes pueden inyectar código malicioso en un
sitio web. Los desarrolladores deben ser extremadamente cuidadosos
con la limpieza de datos para evitar brechas de seguridad.
• Inconsistencia entre Navegadores: Aunque el estándar ECMAScript
ha unificado mucho el lenguaje, todavía existen pequeñas diferencias en
cómo los distintos motores (como el de Safari, Chrome o Firefox)
interpretan ciertas funciones. Esto obliga a los desarrolladores a realizar
pruebas exhaustivas y a veces a escribir código adicional para asegurar
que la página se vea y funcione igual en todos los dispositivos.
• Dificultad en la Depuración (Debugging): A veces, JavaScript falla
de manera "silenciosa". Si hay un error en un script, el navegador
simplemente deja de ejecutarlo sin mostrar un mensaje de error claro al
usuario, lo que puede romper funcionalidades enteras del sitio. Aunque
las herramientas para desarrolladores han mejorado, encontrar errores
lógicos en aplicaciones grandes sigue siendo un desafío técnico.
• Limitación de un Solo Hilo (Single Thread): Como se mencionó en
sus características, JavaScript solo puede procesar una tarea a la vez en
su hilo principal. Si un script requiere un cálculo matemático
extremadamente pesado o procesar archivos muy grandes, puede
"congelar" la interfaz del usuario hasta que termine, haciendo que la
página parezca bloqueada o no responda.
• Crecimiento Caótico (Fatiga de JavaScript): El ecosistema
evoluciona tan rápido que las herramientas y librerías que son populares
hoy pueden quedar obsoletas en un par de años. Esto genera lo que se
conoce como "fatiga de JavaScript", donde los profesionales deben
dedicar una cantidad excesiva de tiempo solo a mantenerse actualizados
con las nuevas versiones y estándares.
5. ¿Para qué se utiliza JavaScript?:
Originalmente, JavaScript fue creado solo para hacer que las páginas web
fueran menos estáticas. Sin embargo, su evolución ha sido tan grande que actualmente
se utiliza en áreas que antes eran impensables para un lenguaje de programación web.
a. Desarrollo Web del Lado del Cliente (Frontend):
Es el uso principal y más conocido. JavaScript es el encargado de la capa de
comportamiento de una página web. Sin él, los sitios serían solo documentos de texto
con imágenes (HTML) y colores (CSS).
• Interactividad: Se usa para crear elementos que responden al usuario, como
menús desplegables, galerías de imágenes, mapas interactivos y animaciones
complejas.
• Validación de Datos: Permite revisar si un usuario ha escrito correctamente su
correo electrónico en un formulario antes de enviarlo al servidor, ahorrando
tiempo y ancho de banda.
• Actualización de Contenido Sin Recarga (AJAX): Permite que aplicaciones
como Facebook o Gmail carguen nuevos mensajes o notificaciones sin que
tengas que refrescar toda la página.
b. Desarrollo Web del Lado del Servidor (Backend):
Gracias a la creación de [Link], JavaScript salió del navegador para instalarse
en los servidores.
• Escalabilidad: Se utiliza para construir la lógica detrás de aplicaciones que
requieren manejar miles de conexiones simultáneas, como sistemas de chat en
tiempo real o plataformas de streaming (Netflix es un ejemplo famoso que
utiliza [Link] en su arquitectura).
• Bases de Datos: JavaScript se utiliza para consultar y gestionar bases de datos
modernas, especialmente las de tipo NoSQL como MongoDB.
c. Desarrollo de Aplicaciones Móviles:
JavaScript permite crear aplicaciones para iOS y Android utilizando una sola
base de código.
• Frameworks Híbridos: Herramientas como React Native o Ionic permiten que
los desarrolladores web utilicen sus conocimientos de JavaScript para crear
apps móviles que se sienten y funcionan como aplicaciones nativas, reduciendo
costos y tiempos de desarrollo para las empresas.
d. Desarrollo de Videojuegos:
Aunque los juegos más potentes se hacen en lenguajes como C++, JavaScript
ha ganado un terreno enorme en los juegos basados en el navegador.
• Motores de Juego: Mediante el uso de la API Canvas de HTML5 y librerías
como Phaser o [Link] (para 3D), se pueden crear videojuegos complejos y
visualmente atractivos que se ejecutan directamente en el navegador sin
necesidad de instalar nada.
e. Internet de las Cosas (IoT) y Robótica:
JavaScript también ha llegado al hardware. Existen plataformas como Johnny-
Five o JerryScript que permiten programar placas como Arduino o Raspberry Pi
utilizando JavaScript. Esto facilita que los desarrolladores web puedan crear
dispositivos inteligentes, sensores y pequeños robots.
f. Inteligencia Artificial y Machine Learning:
En años recientes, JavaScript ha incursionado en el mundo de la IA. Librerías
como [Link] permiten entrenar y ejecutar modelos de aprendizaje automático
directamente en el navegador, aprovechando la potencia de la tarjeta gráfica (GPU) del
usuario para reconocer imágenes, voz o patrones de comportamiento.
6. Formas de insertar JavaScript en HTML:
En el desarrollo web profesional, la forma en que organizas tu código afecta
tanto al rendimiento de la página como a la facilidad para mantener el proyecto a largo
plazo.
a. JavaScript Interno (Etiqueta <script>):
Este método consiste en escribir el código directamente dentro del archivo
HTML, utilizando las etiquetas <script> y </script>.
• Ubicación: Generalmente se coloca justo antes de cerrar la etiqueta </body>
para asegurar que el HTML se cargue primero, aunque también puede ir en el
<head>.
• Cuándo usarlo: Es ideal para scripts muy pequeños o específicos que solo se
van a utilizar en esa página en particular.
• Limitación: Si tienes muchas líneas de código, el archivo HTML se vuelve
difícil de leer y el código no se puede reutilizar en otras páginas del mismo sitio.
b. JavaScript Externo (Archivo .js):
Es la buena práctica por excelencia en el desarrollo web moderno. El código se
escribe en un archivo independiente con la extensión .js y luego se vincula al HTML
mediante el atributo src.
• Cómo se hace: Se usa la sintaxis <script
src="nombre_del_archivo.js"></script>.
• Ventajas: Organización: Separa la estructura (HTML) de la lógica (JS).
• Reutilización: Un solo archivo de JavaScript puede dar funcionalidad a
múltiples páginas HTML.
• Rendimiento: El navegador puede guardar el archivo en la "memoria caché",
lo que hace que el sitio cargue más rápido en visitas posteriores.
c. JavaScript en Línea (Manejadores de Eventos):
Este método consiste en colocar código JavaScript directamente dentro de los
atributos de las etiquetas HTML, como onclick, onmouseover, onkeypress, etc.
• Ejemplo: <button onclick="alert('¡Hola!')">Haz clic aquí</button>
• Estado actual: No se recomienda su uso en proyectos modernos. Se considera
una mala práctica porque mezcla la estructura con el comportamiento, lo que
hace que el código sea muy difícil de depurar y propenso a errores de seguridad.
Sin embargo, es importante conocerlo por si te encuentras con código antiguo
(código legado).
• El lugar de inserción: ¿<head> o <body>?
• En el <head>: Si pones el script aquí, el navegador lo descargará y ejecutará
antes de mostrar el contenido de la página. Si el script es muy pesado, el usuario
verá una pantalla en blanco por unos segundos.
• Al final del <body>: Es la recomendación estándar. Permite que el usuario vea
el contenido de la web primero, y mientras él empieza a leer, el JavaScript se
carga en segundo plano.
7. Tipos de datos que permite JavaScript:
En JavaScript, los valores se dividen en dos categorías principales: Tipos
Primitivos y Objetos. Esta distinción es vital porque determina cómo se almacenan y
manipulan los datos en la memoria del computador.
a. Tipos de Datos Primitivos:
Un dato primitivo es aquel que no es un objeto y no tiene métodos. Son valores
"puros" y son inmutables (no se pueden cambiar, solo reemplazar).
• Number (Número): A diferencia de otros lenguajes que separan enteros de
decimales, JavaScript utiliza un único tipo para ambos. Representa tanto
números enteros como de punto flotante. También incluye valores especiales
como Infinity, -Infinity y NaN (Not a Number).
• String (Cadena de texto): Se utiliza para representar datos textuales. Las
cadenas se escriben entre comillas simples (' '), dobles (" ") o acentos graves (``
``).
• Boolean (Booleano): Representa una entidad lógica y solo puede tener dos
valores: true (verdadero) o false (falso). Es esencial para las estructuras de
control y toma de decisiones.
• Undefined: Una variable a la que no se le ha asignado un valor tiene, por
defecto, el valor undefined. Significa que la variable existe, pero está vacía.
• Null: Es un valor especial que representa la ausencia intencional de cualquier
valor de objeto. A diferencia de undefined, se usa para decir explícitamente que
una variable está vacía.
• Symbol (Símbolo): Introducido en versiones recientes (ES6), se utiliza para
crear identificadores únicos para las propiedades de los objetos, evitando
colisiones de nombres.
• BigInt: Se utiliza para almacenar números enteros con precisión arbitraria que
son demasiado grandes para ser representados por el tipo Number
convencional.
b. Tipos de Datos de Objeto (No Primitivos):
Los objetos son colecciones de propiedades y son la base de casi todo en
JavaScript. A diferencia de los primitivos, los objetos son mutables.
• Object (Objeto): Es una estructura de datos que contiene pares de "clave-
valor". Se usa para modelar entidades del mundo real (por ejemplo, un objeto
usuario con nombre, edad y correo).
• Array (Arreglo/Matriz): Técnicamente es un tipo especial de objeto diseñado
para almacenar listas ordenadas de datos. Los elementos de un array pueden ser
de cualquier tipo de dato, incluso otros arrays.
• Function (Función): Aunque en JavaScript las funciones también son objetos,
se consideran un tipo de dato porque pueden ser asignadas a variables, pasadas
como argumentos y devueltas por otras funciones.
8. Declarar variables (Variables, Constantes y Comentarios):
En JavaScript, declarar una variable significa reservar un espacio en la memoria
del computador para almacenar un valor que podrá ser utilizado o modificado más
adelante.
a. Variables: var y let:
JavaScript ha evolucionado en la forma en que gestiona las variables.
Actualmente, existen dos palabras clave para este fin:
• var (La forma antigua): Era la única forma de declarar variables hasta el año
2015.
• Problema: Tiene un "ámbito de función" (function scope), lo que significa que
a veces la variable se puede leer fuera del bloque donde fue creada, causando
errores difíciles de detectar. También permite el hoisting (elevación), donde la
variable parece existir antes de ser declarada.
• let (La forma moderna): Introducida en el estándar ES6, es la opción
recomendada hoy en día.
• Ventaja: Tiene un "ámbito de bloque" (block scope). La variable solo vive
dentro de las llaves { } donde se creó (como dentro de un if o un for), lo que
hace que el código sea mucho más seguro y predecible.
b. Constantes: const
Se utilizan para valores que no deben cambiar durante la ejecución del
programa.
• Seguridad: Si intentas asignar un nuevo valor a una constante, el programa
lanzará un error. Esto es ideal para proteger datos importantes como
configuraciones, URLs de APIs o fórmulas matemáticas fijas.
• Nota técnica: Aunque el valor de una constante no puede ser reasignado, si la
constante contiene un objeto o un arreglo, el contenido interno (sus propiedades
o elementos) sí puede ser modificado. Lo que está protegido es el "nombre" de
la constante.
c. Comentarios en el Código
Los comentarios son anotaciones que el motor de JavaScript ignora por
completo. Su objetivo es puramente humano: explicar qué hace el código, por qué se
tomó una decisión técnica o dejar notas para otros desarrolladores.
• Comentarios de una sola línea: Se crean usando dos barras diagonales //. Todo
lo que esté a la derecha de las barras no se ejecutará.
• Comentarios de múltiples líneas: Se abren con /* y se cierran con */. Son
ideales para explicaciones largas o para desactivar temporalmente bloques
grandes de código durante las pruebas.
• Ejemplo:
javascript
// Este es un comentario de una sola línea
/* Este es un comentario
de varias líneas
*/
const PI = 3.1416; // Constante: no cambiará
let puntaje = 0; // Variable: cambiará durante el juego
d. Reglas de Nomenclatura (Buenas Prácticas):
JavaScript sigue ciertas convenciones:
• CamelCase: Es la norma escribir los nombres de variables empezando en
minúscula y cada palabra siguiente en mayúscula (ej: nombreUsuario,
precioFinalProducto).
• Sensibilidad: El lenguaje es case-sensitive, lo que significa que edad y Edad
son consideradas dos variables totalmente distintas.
9. Declarar arreglos en JavaScript:
Un arreglo (o array) en JavaScript es una estructura de datos que se utiliza para
almacenar múltiples valores en una sola variable. A diferencia de las variables simples
que guardan un solo dato, los arreglos funcionan como listas ordenadas donde cada
elemento ocupa una posición específica.
a. Formas de Declarar un Arreglo
Existen dos maneras principales de crear un arreglo en JavaScript:
• Notación de Corchetes o Literal (Recomendada): Es la forma más común,
sencilla y rápida de declarar un arreglo. Consiste en encerrar los elementos entre
corchetes [ ] separados por comas.
• Ejemplo:
javascript
const lenguajes = ["JavaScript", "Python", "Java", "C++"];
• Ventaja: Es más legible y tiene un mejor rendimiento técnico que otros
métodos.
• Uso del Constructor new Array(): Esta forma utiliza la palabra clave new
seguida del objeto global Array. Ejemplo:
javascript
let numeros = new Array(10, 20, 30);
• Nota importante: Si solo pasas un número al constructor (ej. new Array(5)),
JavaScript no creará un arreglo con el número 5, sino un arreglo vacío con una
longitud de 5 espacios. Por esta confusión, se prefiere siempre la notación de
corchetes.
b. Características Fundamentales de los Arreglos
• Índices basados en cero: En JavaScript, el primer elemento de un arreglo
siempre ocupa la posición 0, el segundo la posición 1, y así sucesivamente.
• Longitud Dinámica: No es necesario definir de antemano cuántos elementos
tendrá el arreglo. JavaScript permite añadir o quitar elementos en cualquier
momento y el tamaño se ajusta automáticamente.
• Tipos de Datos Heterogéneos: A diferencia de otros lenguajes de
programación estrictos (como C# o Java), un solo arreglo en JavaScript puede
contener diferentes tipos de datos al mismo tiempo (números, cadenas,
booleanos e incluso otros arreglos o objetos).
c. Acceso y Manipulación Básica:
Para acceder a un valor dentro del arreglo, se utiliza su índice. También es
común utilizar la propiedad .length para conocer cuántos elementos tiene la lista.
• Acceso: [Link](lenguajes[0]); // Muestra "JavaScript"
• Propiedad de longitud: [Link]([Link]); // Muestra 4
d. Arreglos Multidimensionales (Matrices)
JavaScript permite que un elemento de un arreglo sea, a su vez, otro arreglo.
Esto se conoce como arreglos multidimensionales o matrices, muy útiles para
representar tablas de datos o coordenadas.
javascript
const matriz = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
10. Reglas para el nombrado de variables:
El nombrado de variables (identificadores) en JavaScript sigue un conjunto de
reglas técnicas estrictas que, de no cumplirse, provocarán que el programa no funcione
y muestre un error de sintaxis.
a. Reglas Técnicas Obligatorias (Sintaxis):
• Sensibilidad a Mayúsculas y Minúsculas (Case-sensitive): JavaScript
distingue entre mayúsculas y minúsculas. Por lo tanto, las variables
nombreUsuario, NombreUsuario y NOMBREUSUARIO son tres variables
completamente diferentes e independientes.
• Caracteres Permitidos: Los nombres solo pueden comenzar con:
• Una letra (a-z, A-Z).
• El signo de dólar ($).
• Un guion bajo (_).
• Restricción de Números: Un nombre de variable no puede comenzar con un
número. Sin embargo, los números pueden usarse después del primer carácter
(ejemplo: variable1 es válido, pero 1variable no lo es).
• Prohibición de Espacios: No se permiten espacios en blanco dentro del
nombre de una variable. En su lugar, se utilizan técnicas de combinación como
el guion bajo o el cambio de capitalización.
• Palabras Reservadas: No se pueden utilizar palabras que JavaScript ya usa
para sus propias funciones internas (conocidas como keywords). Algunos
ejemplos son: break, case, catch, class, const, continue, debugger, default,
delete, do, else, export, extends, finally, for, function, if, import, in, instanceof,
new, return, super, switch, this, throw, try, typeof, var, void, while, with, yield.
b. Convenciones y Buenas Prácticas (Estilo)
Aunque el lenguaje permita ciertos nombres, la industria sigue estándares para
que el código sea profesional y fácil de leer:
• CamelCase (Cammel Case): Es la norma más aceptada en JavaScript.
Consiste en empezar la primera palabra en minúscula y las palabras siguientes
en mayúscula.
• Ejemplo: fechaDeNacimiento, ultimoResultadoObtenido.
• Nombres Descriptivos: Se debe evitar el uso de letras sueltas (como x, y, c) a
menos que sea para contadores matemáticos breves. Los nombres deben
describir claramente qué dato contienen.
• Mal: let d = 15;
• Bien: let diasParaElVencimiento = 15;
• Idioma Consistente: En el ámbito profesional se prefiere el inglés (userName
en lugar de nombreUsuario), pero lo más importante es mantener la
consistencia en todo el documento.
• Uso de Constantes en Mayúsculas: Para valores que nunca cambian
(constantes globales), se suele utilizar el formato
SCREAMING_SNAKE_CASE.
• Ejemplo: const VALOR_MAXIMO_INTENTOS = 5;
Conclusión
Al finalizar este estudio detallado, queda claro que JavaScript no es solo una
herramienta técnica, sino un lenguaje vivo que ha definido la arquitectura de la web
moderna. Su capacidad para adaptarse y evolucionar desde un simple lenguaje de
"scripts" hasta convertirse en una plataforma capaz de sostener servidores y
aplicaciones de alto nivel es un testimonio de su robustez y de la inmensa comunidad
que lo respalda. A través de la comprensión de sus fundamentos desde la declaración
correcta de variables y el uso de arreglos hasta la implementación de buenas prácticas
en el nombrado de elementos un desarrollador no solo escribe código funcional, sino
código mantenible y profesional.
El dominio de JavaScript es, hoy en día, un requisito indispensable para
cualquier profesional que aspire a participar en la economía digital. Su ubicuidad
asegura que seguirá siendo relevante por muchas décadas más, impulsando
innovaciones en campos como la inteligencia artificial, el Internet de las Cosas (IoT) y
la realidad aumentada dentro del navegador.
En conclusión, aprender JavaScript es abrir una puerta a infinitas posibilidades
creativas y laborales, permitiéndonos pasar de ser simples consumidores de contenido
a ser los arquitectos de las experiencias digitales del futuro.
Bibliografía
EDteam. (2022). ¿En qué puedes trabajar si sabes JavaScript? Recuperado de:
[Link]
FreeCodeCamp. (2020). Cómo enlazar a un documento JavaScript en HTML.
Recuperado de: [Link]
documento-javascript-en-html/
FreeCodeCamp. (2022). ¿Cómo manipular arreglos en JavaScript?. Recuperado de:
[Link]
FreeCodeCamp. (2022). Nombres de variables en JavaScript. Recuperado de:
[Link]
HACK A BOSS. (2024). La historia de JavaScript: de sus orígenes a la dominación
web. Recuperado de: [Link]
Hernández, J. R. (s.f.). Variables: let y var. Lenguaje JS. Recuperado de:
[Link]
[Link]. (2024). Tipos de datos. Recuperado de: [Link]
KeepCoding. (2024). Nombrar variables significativas: algunas estrategias.
Recuperado de: [Link]
KeepCoding. (2024). Declarar variables en JavaScript (let, var, const). Recuperado de:
[Link]
Luis Llamas. (2025). Historia y evolución de JavaScript. Recuperado de:
[Link]
Mozilla Developer Network. (2023). ¿Qué es JavaScript? MDN Web Docs.
Recuperado de:
[Link]
t
Mozilla Developer Network. (2023). Primeros pasos con JavaScript. MDN Web Docs.
Recuperado de:
[Link]
Mozilla Developer Network. (2023). Gramática y tipos. MDN Web Docs. Recuperado
de: [Link]
Mozilla Developer Network. (2023). Estructuras de datos en JavaScript. MDN Web
Docs. Recuperado de:
[Link]
Mozilla Developer Network. (2023). Array (Arreglos). MDN Web Docs. Recuperado
de:
[Link]
y
W3Schools. (s.f.). JavaScript Where To (Dónde insertar código). Recuperado de:
[Link]