Programación desde cero con JavaScript. Parte III. Variables.

Foto de Christopher Gower en Unsplash

Las variables nos permiten almacenar valores en memoria. Estos valores serán accedidos durante la ejecución de nuestro programa e irán mutando a medida que accedemos o modificamos su valor.

En esta lección, necesitaremos consultar los resultados de nuestro programa. Puedes aprender cómo acceder a la consola de desarrollador en Firefox (en Google Chrome es parecido) desde este enlace.

Para usar una variable primero tenemos que declararla. La sintaxis de declaración de una variable será la siguiente:

let nombre_de_la_variable;

Posteriormente, asignaremos valores a nuestra variable. Para ello usaremos el operador ‘=’.

let x;

x = 2;

Es posible asignar un valor a una variable en el momento de su declaración:

let x = 2;

Cada variable almacenará un tipo de dato: números enteros, decimales, cadenas de caracteres, booleanos, etc.

El tipado (asignación de tipo de dato) de JavaScript es débil. Esto se traduce en que no es necesario indicar el tipo de dato que almacenará nuestra variable. 

Tiene la ventaja de que el comportamiento de la variable podrá mutar fácilmente a lo largo del tiempo de interpretación. Esto se llama tipado dinámico. Sin embargo, no es recomendable dado que puede dar lugar a errores si no se controla su uso y designación.

/* Asignamos un valor numérico */

let puntuacion = 100;

console.log(puntuacion);

/* Esto no es recomendable */

puntuacion = 'Ya no es un número'; 

console.log(puntuacion);

Aquí tenemos más ejemplos de uso de variables y tipos:

/* Variable de tipo cadena de texto */

let nombre = 'Pablo';

/* Variable de tipo numerico */

let numeroEntero = 9;

let numeroDecimal = 9.5;

let puntuacion = 99;

/* Variable de tipo boolean */

let tieneMascota = true;

/* Variable indefinida */

let unaVariable;

/* Variable de tipo nulo */

let nulo = null;

console.log(nombre);

console.log(puntuacion);

console.log(tieneMascota);

console.log(unaVariable);

console.log(nulo);

En JavaScript podemos usar también la sintaxis ‘var’ para declarar variables.

var x = 1;

 El uso de ‘let’ permite declarar variables limitando su alcance (scope) al bloque, declaración o expresión donde se está usando. A diferencia de la palabra clave ‘var’ la cual define una variable global (o local en una función) sin importar el ámbito del bloque. 

var texto = 'Perro';

console.log(texto);

{

   var texto = 'Gato';

   console.log(texto);

}

console.log(texto);

El resultado de ejecutar lo anterior será:

Perro

Gato

Gato

En el caso de ‘let’ la variable textoLet sólo se mantendrá dentro del alcance de su bloque (separado por las llaves). 

let textoLet = 'Perro';

console.log(textoLet);

{

   let textoLet = 'Gato';

   console.log(textoLet);

}

console.log(textoLet);

La salida de este código será:

Perro

Gato

Perro