Manejo de Variables y Constantes en JavaScript

En el desarrollo con JavaScript, las variables actúan como contenedores lógicos que nos permiten almacenar y manipular datos en la memoria del ordenador. Fundamentalmente, una variable es un identificador o nombre que vinculamos a un valor específico, facilitando la reutilización de dicha información a lo largo del programa.

<script>
  // Asignación de valores a identificadores
  let primerValor = 10;
  let segundoValor = 20;
    
  // Ejemplo práctico: Captura y visualización de datos
  // Guardamos la entrada del usuario en la variable 'entradaUsuario'
  let entradaUsuario = prompt('Por favor, ingresa un dato:');

  // Recuperamos el contenido del contenedor para mostrarlo
  console.log(entradaUsuario);
  alert("El dato ingresado es: " + entradaUsuario);
</script>

1. Declaración de Variables

Declarar una variable consiste en informar al intérprete de JavaScript sobre la existencia de un nuevo identificador. Para ello, utilizamos la palabra reservada let.

Anteriormente, se utilizaba la palabra clave var, pero en los estándares modernos se prefiere let debido a que ofrece un comportamiento más predecible y seguro. Algunas de sus características principales son:

  • No permite la redescubrimiento: No puedes declarar dos veces la misma variable en el mismo ámbito.
  • Ámbito de bloque: La variable solo existe dentro del bloque de código donde fue creada.
  • Inicialización flexible: Es posible declarar una variable y asignarle un valor en el mismo paso o posteriormente.

2. Asignación y Sintaxis

El proceso de colocar datos dentro de una variable se denomina asignación. Podemos realizar declaraciones múltiples en una sola línea o definir valores inmediatamente al declarar.

<script> 
    // 1. Declaración simple
    let nivelUsuario;
    // Asignación posterior
    nivelUsuario = 5;
    
    // 2. Declaración e inicialización simultánea
    let mensajeBienvenida = "Hola, bienvenido al sistema";
    
    // 3. Declaración múltiple
    let nombre = "Sofía", edad = 25, activo = true;

    document.write(mensajeBienvenida + " " + nombre);
</script>

3. Reglas para Identificadores

Al nombrar variables, existen restricciones técnicas y convenciones de estilo que garantizan la legibilidad del código:

  • Los nombres pueden contener letras, números, guiones bajos (_) y el signo de dólar ($).
  • Un nombre de variable nunca debe comenzar con un número.
  • JavaScript distingue entre mayúsculas y minúsculas (puntos y Puntos son variables distintas).
  • No se pueden usar palabras reservadas del lenguaje (como if, while, function).
  • Se recomienda el uso de lowerCamelCase para nombres compuestos (ejemplo: fechaNacimiento, totalCarrito).

4. Constantes con const

Cuando necesitamos almacenar un dato que no debe cambiar durante la ejecución del script, utilizamos const. A diferencia de let, una constante es inmutable tras su asignación inicial.

// Definición de una constante
const TASA_IVA = 0.21;
const URL_API = "https://api.ejemplo.com/v1";

// Esto generaría un error, ya que no se puede reasignar una constante
// TASA_IVA = 0.15; 

Es obligatorio inicializar una constante al momento de su declaración; de lo contrario, el motor de JavaScript lanzará un error de sintaxis. El uso de constantes mejora la mantenibilidad del código al prevenir modificaciones accidentales de valores críticos.

Etiquetas: JavaScript ecmascript6 variables constants web-development

Publicado el 7-1 06:02