Variables en Javascript

Son zonas de la memoria del ordenador identificadas por un nombre y capaces de almacenar información que puede variar durante la ejecución del programa.

var vs let

Para declarar variables, habitualmente se usaba la palabra reservada var. Sin embargo, a partir de EcmaScript 6, es introducida la palabra reservada let para definir variables.

La diferencia entre ambos tipos de definición es el scope (el ámbito de la variable). Ya que en este punto estamos introduciendo la definición de variables, lo explico aquí, pero esto probablemente no se termine de entender hasta que más conceptos.

  • El scope de una variable definida con var es el bloque de la función más cercana.
  • El scope de una variable definida con let es el bloque que más cercano, que puede ser más pequeño que el bloque de la función más cercana.

El siguiente código es bastante incorrecto, no obstante, sólo funciona si usamos var. Si usamos let, tendremos errores

if (logic) {
    var output = "true"
} else {
    var output = "false"
}
console.log(output)

Aunque var no está obsoleto porque es indispensable mantener la compatibilidad hacia atrás del código ya escrito, es recomendable que asumamos las nuevas prácticas y definamos nuestras variables usando let en lugar de var.

Variables de texto

<script>
	let texto="Soy una cadena";
	document.write(texto);
</script>
Variables de texto
<script>
	let texto="Soy una cadena";

	document.write("texto");
	document.write("<br/>");
	document.write(texto);
</script>
Variables de texto 2

Notas:

Cuando declaramos una variable utilizando el prefijo var estamos haciendo que la variable que estamos declarando sea local al ámbito dónde se declara. Si no utilizamos este prefijo, ésta será global a toda la página.
Podemos forzar el acceso a una variable global usando: window.nombreVariable

Variables numéricas

<script>
	let i = 5;
	let j = 3;

	document.write(i+j);
	document.write("<br/>");
	document.write(i, j);
</script>
Variables numéricas

Ejercicio

Intercambiar el contenido de dos variables

let a = 5;
let b = 7;
... aqui hay que poner codigo
alert(a); //Debería mostrar 7
alert(b); //Debería mostrar 5
Intercambiar variables

Conversión de tipos

<script type="text/javascript">
	let i = 5;
	let j = 3;

	document.write("" + i + j);
</script>
Conversión de tipos
icono de mandar un mail¡Contacta conmigo!
contacta conmigoPablo Monteserín

¡Hola! ¿En qué puedo ayudarte?