Variables y Constantes en JavaScript

Todas las variables de JavaScript deben identificarse con nombres únicos.

Estos nombres únicos se llaman identificadores.

Los identificadores pueden ser nombres cortos (como x e y) o más nombres descriptivos (edad, suma, total).

Las reglas generales para construir nombres para variables (identificadores únicos) son:

• Los nombres pueden contener letras, dígitos, guiones bajos y signos de dólar.
• Los nombres deben comenzar con una letra.
• Los nombres también pueden comenzar con $ y _ (pero no lo usaremos en este tutorial)
• Los nombres distinguen entre mayúsculas y minúsculas (y e Y son variables diferentes)
• Las palabras reservadas (como las palabras clave de JavaScript) no se pueden usar como nombres

Variables

La mayoría de las veces, una aplicación de JavaScript necesita trabajar con información. Aquí hay 2 ejemplos:

Una tienda en línea: la información puede incluir bienes vendidos y un carrito de compras.
Una aplicación de chat: la información puede incluir usuarios, mensajes y mucho más.
Las variables se utilizan para almacenar esta información.

Una variable

Una variable es un “almacenamiento con nombre” para los datos. Podemos usar variables para almacenar golosinas, visitantes y otros datos.

Para crear una variable en JavaScript, necesitamos usar la palabra clave let.

La siguiente declaración crea (en otras palabras: declara o define) una variable con el nombre “mensaje”:

let mensaje;

Ahora podemos poner algunos datos en él usando el operador de asignación =:

let mensaje;

mensaje = 'Hola'; // almacenar la cadena

La cadena ahora se guarda en el área de memoria asociada con la variable. Podemos acceder utilizando el nombre de la variable:

let mensaje;
mensaje = '¡Hola!';

alert(mensaje); // muestra el contenido variable

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

let mensaje = '¡Hola!'; // define la variable y asigna el valor

alert(mensaje); // ¡Hola!

También podemos declarar múltiples variables en una línea:

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

var en lugar de let

En scripts anteriores también puede encontrar otra palabra clave: var en lugar de let:

var mensaje = 'Hola';

La palabra clave var es casi la misma que let. También declara una variable, pero de una manera ligeramente diferente, “de la vieja escuela”.

Existen diferencias sutiles entre let y var, pero todavía no nos importan. Los trataremos en detalle más adelante.

Constantes

Para declarar una variable constante (invariable), se puede usar const en lugar de let:

const nacimiento = '18 .04.1982 ';

Las variables declaradas usando const se llaman “constantes”. No se pueden cambiar. Un intento de hacerlo causaría un error:

const nacimiento = '18 .04.1982 ';
nacimiento  = '01 .01.2001 '; // error, no se puede reasignar la constante!

Cuando un programador está seguro de que la variable nunca debe cambiar, pueden usar const para garantizarla y también para mostrar claramente ese hecho a todos.

Constantes mayúsculas

Existe una práctica generalizada de usar constantes como alias para valores difíciles de recordar que se conocen antes de la ejecución.

Tales constantes se nombran usando letras mayúsculas y guiones bajos.

const COLOR_RED = "# F00";
const COLOR_GREEN = "# 0F0";
const COLOR_BLUE = "# 00F";
const COLOR_ORANGE = "# FF7F00";

// ... cuando tenemos que elegir un color
let color = COLOR_ORANGE;
alert (color); // # FF7F00

Beneficios

COLOR_ORANGE es mucho más fácil de recordar que “# FF7F00”.
Es mucho más fácil escribir mal en “#FF7F00” que COLOR_ORANGE.

Ser una “constante” significa que el valor nunca cambia. Pero hay constantes que se conocen antes de la ejecución (como un valor hexadecimal para el rojo), y hay aquellas que se calculan en tiempo de ejecución, durante la ejecución, pero que no cambian después de la asignación.

Por ejemplo:

const pageLoadTime = / * tiempo tomado por una página web para cargar * /;

El valor de pageLoadTime no se conoce antes de la carga de la página, por lo que se denomina normalmente. Pero sigue siendo una constante, porque no cambia después de la asignación.

En otras palabras, las constantes con nombres de mayúsculas solo se utilizan como alias para los valores “codificados”.

Written by Tutor