Declaración de variables usando var, let, const y tipos de datos

Acá escribo un poco sobre las variables usando var, let, const y los tipos de datos que pueden ser asignados a esas variables.

Los tipos de datos son básicamente variables o constantes.

• Las variables pueden ser cambiadas
• Las constantes siguen siendo las mismas.

#Hablemos sobre var

Las variables en JavaScript son contenedores que contienen datos reutilizables. Es comun inicializar variables de esta forma:

1var algo;

Los valores o tipos de datos que podemos asignar a una variable son:

• String
• Number
• Boolean
• Null
• Undefined
• Array / Object

#Ejemplo:

 1var nombre = 'Angel';       // String
 2var edad = 40;              // Number
 3var hijos = true | false;   // Boolean
 4var telefono = null;        // Null
 5var negro;                  // Undefined
 6 
 7var arreglo = ['a','b','c',]; // Array
 8var objeto = {
 9    nombre: 'Angel',
10    edad:   40,
11};

#Como declarar una variable:

• Los nombres deben comenzar con una cadena en minúscula.
• Los nombres no pueden contener símbolos o comenzar con símbolos.
• Los nombres no pueden comenzar con un número.
• Los nombres pueden contener una combinación de cadenas en mayúsculas, cadenas en minúsculas y números.

1var name = 'Angel';
2console.log(name); // Angel
3var name = 'Chris';
4console.log(name); // Chris

#El scope de var

Es importante tener en cuenta el alcance (scope) de una variable declarada con var. Ejemplo, si tenemos declarada la siguiente variable:

1var name = 'Angel';

La misma tiene un alcance global y puede ser utilizada donde se necesite.

#¿Que pasa cuando usamos una función?

Acá el scope de la variable declarada con var cambia ya que solo tiene acceso dentro de la función donde fue declarada, ejemplo:

1function sayMyName() {
2    var name = 'Angel';
3    console.log(name);
4}
5sayMyName();

Efectivamente va a funcionar ya que veremos el output en la consola de desarrollo, a esto se le conoce como function scope

#Y ya por último, halaremos sobre block scope

Por ejemplo:

1var age = 100;
2 
3if (age > 12) {
4    var dogYears = age * 7;
5    console.log('Tienes ' + dogYears + ' años de perro') // Tienes 700 años de perro
6}

A diferencia de function scope con los block scope ocurre algo interesante y es que se pueden acceder a las variables que esten dentro de {}. Si vamos a nuestra consola y escribimos dogYears vamos a tener como resultado el valor 700

#Hablemos sobre let y const

Las variables declaradas con let y const son del tipo block scope

Por ejemplo:

1var age = 100;
2 
3if (age > 12) {
4    let dogYears = age * 7;
5    console.log('Tienes ' + dogYears + ' años de perro') // Tienes 700 años de perro
6}

Lo de arriba funciona exactamente igual, la única diferencia estaría en el momento de acceder a la variable dogYears vamos a obtener un error de variable no declarada ya que la variable declarada con let sólo se puede acceder y usar dentro de {} y esto también ocurre si cambiamos let por const.