Las variables de JavaScript (Tutorial de JavaScript)

Resumen: en este tutorial, aprenderás sobre las variables de JavaScript y cómo usar variables para almacenar valores en una aplicación JavaScript.

Una variable es una etiqueta que hace referencia a un valor como un número o una cadena. Antes de usar una variable, debes declararla.

Declaracíon de variables

Para declarar una variable, se utiliza la palabra clave var seguida del nombre de la variable como se muestra a continuación:

var mensaje; 

Un nombre de variable puede ser cualquier identificador válido. Tomando en cuenta la declaración anterio, por defecto, la variable mensaje tiene un valor especial undefined si no se le asigna un valor.

Los nombres de variables siguen estas reglas: 

• Los nombres de las variables distinguen entre mayúsculas y minúsculas. Esto significa que mensaje y Mensaje son variables diferentes.
• Los nombres de variables solo pueden contener letras, números, guiones bajos o signos de dólar y no pueden contener espacios. Además, los nombres de las variables deben comenzar con una letra, un guión bajo (_) o un signo de dólar ($).
• Los nombres de variables no pueden usar palabras reservadas.

Por convención, los nombres de variables usan camelcase como mensaje, suEdad y miNombre.

JavaScript es un lenguaje de tipado dinámico. Esto significa que no necesitas especificar el tipo de variable en la declaración como otros lenguajes como Java o C#.

A partir de ES6, puedes usar la palabra clave let para declarar una variable como esta:

let message; 

Es una buena práctica usar la palabra clave let para declarar una variable. Más adelante, se muestran las diferencias entre las palabras clave var y let. Por lo que no es necesario preocuparse por eso por ahora.

Inicializar una variable

Una vez que se haya declarado una variable, se puede inicializarla con un valor. Para inicializar una variable, se especifica el nombre de la variable, seguido de un signo igual (=) y un valor.

Por ejemplo, el siguiente código declara la variable mensaje y la inicializa con una cadena literal "Hola Estrada Web Group":

let mensaje; 
mensaje = "Hola Estrada Web Group"; 

Para declarar e inicializar una variable al mismo tiempo, se puede utilizar la siguiente sintaxis:

let variableName = value;

Por ejemplo, la siguiente declaración declara la variable mensaje y la inicializa con la cadena literal "Hola Estrada Web Group":

let mensaje = "Hola Estrada Web Group";

JavaScript permite declarar dos o más variables usando una sola declaración. Para separar dos variables, se usa una coma (,) como se muestra a continuacón:

let mensaje = "Hola Estrada Web Group", seguidores = 1000;

Dado que JavaScript es un lenguaje de tipo dinámico, se puede asignar un valor de un tipo diferente a una variable. Aunque, no es recomendable. Por ejemplo:

let mensaje = 'Hola Estrada Web Group'; mensaje = 1000; 

Cambiar una variable

Una vez que se inicializa una variable, se puede cambiar su valor asignándole un valor diferente. Por ejemplo:

let mensaje = "Hola"; mensaje = 'Bienvenido a Estrada Web Group';

Variables no definidas vs. no declaradas

Es importante distinguir entre variables no definidas (Undefined) y no declaradas.

Una variable undefined es una variable que se ha declarado pero que no se ha inicializado con un valor. Por ejemplo:

let mensaje; console.log(mensaje); // undefined

En este ejemplo, la variable mensaje se declara pero no se inicializa. Por lo tanto, la variable mensaje no está definida es undefined su valor.

Por el contrario, una variable no declarada es una variable que no ha sido declarada. Por ejemplo:

console.log(contador); 

Resultado:

console.log(contador); ^ ReferenceError: contador is not defined 

En este ejemplo, la variable contador no ha sido declarada. Por lo tanto, acceder a él provoca un ReferenceError.

Constantes

Una constante tiene un valor que no cambia. Para declarar una constante, se usa la palabra clave const. Al definir una constante, se debe inicializarla con un valor. Por ejemplo:

const diasLaborales = 5; 

Una vez definida una constante, no se puede cambiar su valor. El siguiente ejemplo intenta cambiar el valor de la constante diasLaborales a 6 y provoca un error:

diasLaborales = 6;

Error:

Uncaught TypeError: Assignment to constant variable. 

En los siguientes artículos, se muestra que la palabra clave const en realidad define una referencia de solo lectura a un valor.

Resumen

• Una variable es una etiqueta que hace referencia a un valor.
• Se utiliza la palabra clave let para declarar una variable.
• Una variable no definida es una variable que ha sido declarada pero no inicializada, mientras que una variable no declarada es una variable que no ha sido declarada.
• Se utiliza la palabra clave const para definir una referencia de solo lectura a un valor.