Variables y constantes

javascript

Tiempo de lectura:

Publicado:

En los diferentes lenguajes de programación existe el concepto de variables y constantes. Son como contenedores que nos ayudan a guardar datos.

Analogía

A mí me gusta verlo como cajas donde guardamos objetos de valor.

Analogía de caja
Analogía de caja
Analogía de caja

En JavaScript existen tres maneras de crear estos contenedores:

  • var
  • let
  • const

var

Podemos utilizar la palabra var seguida del nombre que le queramos dar a ese contenedor:

var miNumero;

A esta acción se le conoce como declaración (de variable).

Analogía

Es como etiquetar la caja para reconocerla mejor

Analogía de caja con etiqueta
Analogía de caja con etiqueta
Analogía de caja con etiqueta

Por sí solas son como cajas vacías. Tenemos que darles un valor a guardar. Eso lo podemos hacer con la notación = valor;.

var miNumero = 16;

A esta acción se le conoce como asignación (de valor).

Analogía

Es como guardar el valor dentro de la caja.

Analogía de caja con número
Analogía de caja con número
Analogía de caja con número

Podemos hacerlo en lineas separadas si es necesario.

var miNumero;
miNumero = 16;

Analogía

Es como ir por pasos, primero creamos la caja y la etiquetamos y después metemos el valor a guardar.

Analogía de cajas - Asignación separada
Analogía de cajas - Asignación separada
Analogía de cajas - Asignación separada

Debemos notar que al hacer la asignación por separado ya no estamos usando la palabra var.

También podemos cambiar el valor guardado a lo largo de diferentes líneas de código.

var miNumero = 16;
miNumero = 8;
miNumero = 4;

Analogía

Es como ir cambiando lo que guardamos dentro de la caja.

Analogía de cajas con cambio de valor
Analogía de cajas con cambio de valor
Analogía de cajas con cambio de valor

let

Es similar a var aunque tiene algunas características importantes que por ahora no vamos a mencionar.

Se recomienda utilizar let por encima de var para la mayoría de las tareas.

Podemos usarla exactamente como en los ejemplos de arriba.

Declaración y asignación

let miNumero = 16;

Declaración y asignación separada

let miNumero;
miNumero = 16;

Declaración y reasignación

var miNumero = 16;
miNumero = 8;
miNumero = 4;

const

A const debemos asignarle valor en la misma línea donde la declaramos. Además de que no podemos cambiar su valor una vez guardado.

const MI_NUMERO = 16;

Analogía

Me gusta verlo como cajas con seguro

Analogía de caja - Caja con seguro
Analogía de caja - Caja con seguro
Analogía de caja - Caja con seguro

Crear variables y constantes nos ayuda a manipular los diferentes datos que vamos usando a lo largo de nuestros programas.

Los nombres que les damos nos ayudan a identificar mejor para qué sirven.

En la mayoría de los casos es recomendable usar const o let. Dependiendo de si queremos modificar el valor o no.

TipoValor modificableAsignación obligatoriaPrioridad de uso
const1
let2
var3

El uso de var está relacionado a usos más particulares que veremos en otros artículos, por ahora podemos ignorar que existe.

Comentarios


Artículos relacionados

javascript

Nombres válidos en JavaScript

📱
buenas prácticas

Convenciones de nombramiento

-