¿Qué variables y tipos de variables usa JavaScript?

En muchos casos es necesario desarrollar una aplicación en JavaScript que trabaje y manipule información, como por ejemplo: podemos crear una tienda en línea que pueda incluir información de productos vendidos e incluso un carrito de compras. O también podemos diseñar una app de chat que maneje información tal como usuarios, mensajes, entre otras.

Es aquí donde entran en juego las variables, ya que vamos a usarlas para albergar información o contenido en ellas.

¿Qué es una variable?

Una variable es un espacio de almacenamiento especial al que podemos nombrar según las reglas que tiene JS para este proceso. En ellas podemos guardar datos como números, cadenas de texto, número de visitantes, entre otros. Los límites los defines tú.

Para crear una variable es necesario usar la palabra clave let.

En el siguiente código te muestro cómo se declara una variable llamada mensaje.

let mensaje;

Si utilizamos el operador de asignación ( ), podemos asignarle valores.

let mensaje;
mensaje = '¡Hola!'; // Aquí estamos guardando esta cadena de texto en la variable mensaje

La srting o cadena ahora se guarda en el área de memoria asociada con la variable mensaje. Podemos acceder a ella utilizando el nombre que le asignamos a la variable:

let mensaje;
message = '¡Hola!';
alert(mensaje); // Con esto hacemos una alerta que muestra el contenido variable

Para ser concretos, podemos combinar la declaración y la asignación de la variable en una sola línea:

let mensaje = '¡Hola!'; // Aquí definimos la variable y asignamos el valor
alert(mensaje); // ¡Hola!

También podemos declarar múltiples variables en una línea si las separamos por comas. Ejemplo:

let usuario = 'Juan', edad = 25, mensaje = 'Hello';

El ejemplo anterior puede parecer más corto, pero no es el mas recomendable. Para una mejor lectura, usa una sola línea por variable declarada.

La variante multilínea puede ser un poco más larga, pero es más fácil de leer:

let usuario = 'Juan';
let edad = 25;
let message = '¡Hola';

Algunas programadores también escriben muchas variables así:

let usuario = 'Juan',
edad = 25,
mensaje = 'Hola';

O incluso, promueven el estilo de «comas primero»:

let usuario = 'Juan'
, edad = 25
, mensaje = 'Hola';

Técnicamente, todas estas variantes hacen lo mismo. Por lo tanto, es una cuestión de gusto personal y estética.

Usar la palabra clave var en lugar de la palabra clave let

En scripts anteriores también puedes encontrar otra palabra clave: denominada var en lugar de la que usamos en los ejemplos con let:

var mensaje = '¡Hola!'; 

La palabra clave var es casi la misma que la palabra clave let. También puede usarse para declarae una variable, pero de una manera ligeramente diferente, «de la vieja escuela».

¿Cómo nombrar una variable?

Puedes darle casi cualquier nombre a una variable, sin embargo, debes seguir dos lineamientos básicos:

  1. El nombre de la variable debe contener sólo letras, números, y/o símbolos y _.
  2. Ningún nombre de variable debe empezar por un número.

Aquí te dejo algunos nombres de variables válidos:

let Nombre_Usuario;
let El_mejor_01$;

Cuando el nombre contiene varias palabras, se usa una práctica llamada camelCase . Es decir: las palabras van una tras otro, y cada palabra comienza con una letra mayúscula: EsteSeriaUnNombreMuyLargo.

Otro dato  interesante es que el signo del dólar ‘$’y el guión bajo ‘_’ también se pueden usar en los nombres de variables o como nombres de variables. Son símbolos regulares, al igual que las letras, sin ningún significado especial.

Estos nombres también son válidos:

let $ = 4; // se declara una variable con el nombre "$"
let _ = 5; //  y ahora una variable con el nombre "_"
alert($ + _); // 9

Sin embargo, estos son nombres de variables totalmente incorrectos:

let 26mj; //  no puede empezar con un dígito
let mi-Usuario; //  un guión '-' no está permitido en el nombre

Nota: El uso de mayúsculas y minúsculas importa. Esto quiere decir que la variable Usuario es totalmente distinta a la variable usuario.

Nombres reservados en JS

Seguramente te preguntarás «¿Qué son los nombres reservados?». Pues es simplemente una lista de palabras reservadas, que no se pueden utilizar como nombres de variables, ya que son utilizadas por el propio lenguaje JavaScript.

Por ejemplo, las palabras let, class, return, function, entre otras, están reservadas. Por esa misma razon, el siguiente código te dará un error de sintaxis:

let return; // no puede nombrar una variable "return", error!
let function; // tampoco se puede llamar "function", error!

Nombra bien las variables

Hablando de variables, hay una cosa más que es extremadamente importante.

Por favor, nombra las variables con sensatez. Tómate el tiempo para pensar si es necesario.

El nombramiento de variables es una de las habilidades más importantes y complejas de la programación. Un vistazo rápido a los nombres de variables puede revelar qué código está escrito por un principiante y cuál por un desarrollador experimentado.

En un proyecto real, la mayor parte del tiempo se dedica a modificar y ampliar la base de código existente, en lugar de escribir algo completamente separado de cero. Y cuando volvemos al código después de un tiempo de hacer otra cosa, es mucho más fácil encontrar información que esté bien etiquetada. O, en otras palabras, cuando las variables tienen buenos nombres.

Dedica algún tiempo a pensar en el nombre correcto para una variable antes de declararla. Esto te recompensará mucho.

Algunas reglas buenas para seguir son:

  • Utiliza nombres legibles por humanos como NombredeUsuario o CompradordeArticulos.
  • Mantente alejado de las abreviaturas o nombres cortos como a, b, o c, a menos que realmente sepa lo que está haciendo.
  • Hacer el nombre máximo descriptivo y conciso. Ejemplos de malos nombres son datos y valores. Tales nombres no dice nada. Solo está bien usarlos si es excepcionalmente obvio del contexto de a qué datos o valores se refiere.
  • Acuerda los términos dentro de su equipo y en su propia mente. Si un visitante del sitio se denomina «usuario», deberíamos nombrar variables relacionadas como Usuario, nuevoUsuario, pero no Visitante o NuevoIndividuo.

¿Suena simple? De hecho lo es, pero crear buenos nombres descriptivos y concisos en la práctica no lo es. Ve a por ello.