Las variables en JavaScript son espacios de memoria utilizados para almacenar valores.
Podemos imaginarlas como cajas identificadas con un nombre. Dentro de cada caja guardamos información que el programa podrá utilizar posteriormente.
Cómo conectar JavaScript con HTML
Para utilizar un archivo JavaScript dentro de una página HTML, podemos vincularlo mediante la etiqueta script.
<script src="script.js"></script>Esta etiqueta suele colocarse antes del cierre de body:
<body> <h1>Variables en JavaScript</h1> <script src="script.js"></script> </body>Declarar variables con var
var es una forma antigua de declarar variables en JavaScript.
var nombre = "Juan";Aunque todavía funciona y puede encontrarse en proyectos antiguos, actualmente suele preferirse let o const porque ofrecen un comportamiento más predecible dentro de los bloques de código.
Declarar variables con let
let permite declarar una variable cuyo valor puede cambiar posteriormente.
let nombre = "Juan";Podemos comprobar su contenido mediante console.log():
let nombre = "Juan"; console.log(nombre);La consola mostrará:
JuanReasignar el valor de una variable
Una variable declarada con let puede recibir un valor diferente.
let nombre = "Juan"; console.log(nombre); nombre = "Dabo Code"; console.log(nombre);La primera impresión mostrará Juan. Después de reasignar la variable, la segunda mostrará Dabo Code.
No es necesario volver a escribir let, porque la variable ya fue declarada.
Declarar variables con const
const se utiliza para declarar una variable que no podrá reasignarse posteriormente.
const nombre = "Juan"; console.log(nombre);Si intentamos asignarle otro valor, JavaScript producirá un error:
const nombre = "Juan"; nombre = "Dabo Code";El navegador indicará que no se puede asignar otro valor a una constante.
Por lo tanto, utiliza const cuando no necesites reemplazar el valor y let cuando el contenido de la variable pueda cambiar.
Diferencias entre var, let y const
var: forma antigua que todavía funciona y puede aparecer en proyectos existentes.let: permite declarar una variable cuyo valor puede reasignarse.const: declara una variable que no puede reasignarse.
Comentarios de una sola línea
Los comentarios permiten escribir anotaciones que JavaScript no ejecutará.
Para comentar una sola línea se utilizan dos barras:
// Este es un comentario let nombre = "Juan";Comentarios de varias líneas
Para comentar varias líneas se utiliza una barra seguida de un asterisco al principio y un asterisco seguido de una barra al final.
/* Este es un comentario que ocupa varias líneas. */ const nombre = "Juan";Los comentarios pueden utilizarse para explicar el código o desactivar temporalmente algunas instrucciones.
Mostrar información en la consola
console.log() permite mostrar valores dentro de la consola de las herramientas para desarrolladores del navegador.
let nombre = "Juan"; console.log(nombre);JavaScript ejecuta las instrucciones de arriba hacia abajo, siguiendo el orden en el que aparecen dentro del archivo.
Mostrar un mensaje con alert
El método alert() muestra una ventana de alerta visible para el usuario.
alert("Este es un mensaje de alerta");Al cargar la página, el navegador mostrará el mensaje y esperará hasta que el usuario presione el botón para continuar.
Esto demuestra cómo JavaScript puede añadir comportamiento e interacción a una página web.
Ejemplo completo
let nombre = "Juan"; console.log(nombre); nombre = "Dabo Code"; console.log(nombre); const lenguaje = "JavaScript"; console.log(lenguaje); alert("Este es un mensaje de alerta");Conclusión
Las variables permiten almacenar y utilizar información dentro de un programa.
En JavaScript se recomienda utilizar let cuando el valor necesite cambiar y const cuando no deba reasignarse.
También podemos utilizar comentarios para organizar el código, console.log() para revisar valores desde la consola y alert() para mostrar mensajes al usuario.
