Variables y constantes en JavaScript

Las variables son espacios donde podemos almacenar información, podemos visualizarlo como una caja que contendrá uno o varios datos. En lenguajes tipados debemos definir el tipo de dato antes de insertarlo, por ejemplo, para almacenar el valor de edad en Java, debemos definir la variable como numérica.

JavaScript es un lenguaje no tipado y permite crear variables genéricas cuyo tipo se decidirá según el dato que contengan, es decir, si añadimos una cadena de texto, será de tipo texto, si introducimos un número, será de tipo numérico.

//Definimos dos variables del mismo modo
var nombre;
var numero;

//Les asignamos un valor
nombre = "Tecnitium";
numero = 2;

//Desde este momento las variables tienen un tipo definido.

Si se muestra el valor de una variable que todavía no tiene un valor (no fue inicializada), js nos mostrará el valor «undefined», que significa que no tiene valor definido.

Las variables tienen algunas peculiaridades:

//Declaración múltiples de variables:

var numero1, numero2, numero 3 ;
var numero4 = 4, numero5 = 5, numero6 =6 ;

//Las variables son case sensitive, es decir, es relevante el uso de mayúsculas/minúsculas.
var numero = 4;
var Numero = 3;

// numero != Numero (no son iguales)
// el valor de las variables es mutable, se pueden realizar operaciones sobre ellas, borrar, reasignar...
var numero, numero2 = 2;
numero = numero2; //numero = numero2 = 2
numero2= 3+1 // numero2 = 4

Las variables tienen un ámbito de amplicación (scope) que definirá donde podemos usarlas. La palabra reservada «var» nos permite definir una variable, si se encuentra al comienzo del código, la variable tendrá un ámbito global y podrá ser usada en todo el programa (excepto dentro de una función que la declare de nuevo).

Si una variable es declarada dentro de una función, esta tendrá un ámbito de variable, lo que solo permite su uso dentro de la propia función.

//Variable global: numero1 y variable con ámbito de función : numero2

var numero1 = 1;

function prueba(){
var numero2 = 4;
}

console.log(numero1);// El resultado es 1
console.log(numero2);// El resultado es undefined.


//Caso particular de sobredeclaración

var numero = 4;

function prueba(){
console.log(numero); // El valor de esta variable pasa a undefined aquí porque se redeclara en la función
var numero  = 3;
console.log(numero); // El valor es 3
}

Todo esto puede resultar un poco lioso, y así lo fue hasta la versión 6 de EcmaScript (2015), en la cual se introduce la palabra reservada «let» que permite la creación de variables locales (o de ámbito de función) que solo existen en ese contexto.

EcmaScript6 introdujo también el uso de constantes, un tipo de contenedor de dato que, a diferencia de las variables, no puede ser modificado. Por buena práctica, una constante se declara en mayúsculas.

const NUMEROPI = 3.14;