Tutorial JavaScript: Variables

Las variables en JavaScript son contenedores que almacenan y representan datos o información. Estos contenedores permiten almacenar, modificar y utilizar valores en el código. Una de las formas de declarar una variable en JavaScript es mediante la palabra clave var, y más recientemente se han añadido let y const.

Declaración de variables

Antes de poder utilizar una variable, primero debe declararse. La sintaxis para declarar una variable es la siguiente:

var variable1;

Con el uso de let y const:

let variable2;
const variable3;

Esta declaración crea la variable pero no le asigna ningún valor. Pueden declararse múltiples variables de una sola vez utilizando una lista separada por comas. Ejemplo:

var variable1, variable2, variable3;

Asignación de valores a variables

Después de declarar una variable, se le puede asignar un valor utilizando el operador de igual (=). La sintaxis es la siguiente:

variable1 = 42;
variable2 = "Hola, mundo!";

También es posible declarar y asignar un valor a una variable en una sola instrucción.

var variable1 = 42;
let variable2 = "Hola, mundo!";
const variable3 = 3.1415;

Tipos de datos

En JavaScript, las variables no necesitan un tipo específico, lo que significa que el tipo de dato de una variable puede cambiar dinámicamente en tiempo de ejecución. JavaScript es un lenguaje de programación de "tipado débil" o "tipado dinámico".

Los principales tipos de datos en JavaScript son:

• number: para almacenar números, incluyendo números enteros y decimales.
• string: para almacenar cadenas de texto, las cuales están rodeadas por comillas simples ('') o dobles ("").
• boolean: utilizado para almacenar valores verdaderos (true) o falsos (false).
• object: para almacenar objetos más complejos, como arrays, funciones, y otros objetos.

Aquí hay algunos ejemplos de diferentes tipos de datos almacenados en variables:

let numberVar = 42;
let stringVar = "Hola, mundo!";
let booleanVar = true;
let objectVar = { name: "John", age: 30 };

Ámbito de las variables

El ámbito (scope) de una variable es el contexto en el que es visible y accesible. Las variables en JavaScript pueden tener un ámbito global o local.

• Variable global: Una variable declarada fuera de cualquier función o bloque se llama variable global y puede ser accedida por cualquier parte del código.

• Variable local: Una variable declarada dentro de una función o bloque se llama variable local y solo es accesible dentro de dicha función o bloque.

El uso de let y const ha introducido el concepto de bloque de ámbito, lo que permite tener variables que son locales a un bloque específico como un bucle for o un condicional if.

var globalVar = "Soy una variable global!";

function myFunction() {
var localVar = "Soy una variable local (dentro de la función)";
console.log(globalVar); // Esto mostrará "Soy una variable global!"
console.log(localVar); // Esto mostrará "Soy una variable local (dentro de la función)"
}

myFunction();

console.log(globalVar); // Esto mostrará "Soy una variable global!"
console.log(localVar); // Esto generará un error porque "localVar" no está accesible fuera de la función

if (true) {
let blockScopedVar = "Soy visible en este bloque";
console.log(blockScopedVar); // Muestra "Soy visible en este bloque"
}

console.log(blockScopedVar); // Genera un error porque "blockScopedVar" no está accesible fuera del bloque

Constantes

Se pueden utilizar las palabras clave let y const para declarar variables en lugar de var. const se utiliza para declarar variables que no cambian su valor durante la ejecución del programa. Una vez que un valor ha sido asignado a una constante, no puede ser cambiado.

const PI = 3.1415;
console.log(PI); // Muestra "3.1415"

PI = 42; // Genera un error, porque no se puede cambiar el valor de una constante

Las constantes son útiles cuando se quieren utilizar valores que no deben ser modificados accidentalmente en el código. Es una buena práctica utilizar la palabra clave const siempre que sea posible para evitar comportamientos inesperados.

En resumen, las variables en JavaScript son contenedores que almacenan y representan datos en el código. Permiten almacenar y manipular diferentes tipos de datos, como números, cadenas de texto, booleanos y objetos, y pueden declararse utilizando las palabras clave var, let o const. Las variables tienen un ámbito definido y pueden ser globales o locales. Es importante seleccionar correctamente el ámbito y la palabra clave para declarar variables según el caso de uso, para mantener el código limpio y evitar errores o comportamientos inesperados.