1-Variables de JavaScript

 

Las variables son contenedores para almacenar datos

Las variables de JavaScript se pueden declarar de cuatro maneras:

• Automáticamente
• Usandovar
• Usandolet
• Usandoconst

Se declaran automáticamente cuando se utilizan por primera vez:

x = 5;
y = 6;
z = x + y;

Se considera una buena práctica de programación declarar siempre las variables antes de su uso.

var x = 5;
var y = 6;
var z = x + y;

¿Cuándo utilizar var, let o const?

1. Declarar siempre las variables

2. Utilícelo siempre constsi no se debe cambiar el valor.

3. Úselo siempre constsi no se debe cambiar el tipo (matrices y objetos)

4. Úselo solo letsi no puede usarloconst

5. Úselo solo varsi DEBE admitir navegadores antiguos

Tipos de datos de JavaScript

Las variables de JavaScript pueden contener números como 100 y valores de texto como "John Doe".

En programación, los valores de texto se denominan cadenas de texto.

JavaScript puede manejar muchos tipos de datos, pero por ahora, sólo piense en números y cadenas.

Las cadenas se escriben entre comillas simples o dobles. Los números se escriben sin comillas.

Si pones un número entre comillas, se tratará como una cadena de texto.

const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';

Declaración de una variable de JavaScript

Crear una variable en JavaScript se llama "declarar" una variable.

Declara una variable de JavaScript con la palabra clave varo let:

var carName;

let carName;

Después de la declaración, la variable no tiene valor (técnicamente lo es undefined).

Para asignar un valor a la variable, utilice el signo igual:

carName = "Volvo";

Valor = indefinido

En los programas informáticos, las variables suelen declararse sin un valor. El valor puede ser algo que se debe calcular o algo que se proporcionará más adelante, como una entrada del usuario.

Una variable declarada sin un valor tendrá el valor undefined.

La letpalabra clave se introdujo en ES6 (2015)

Variables declaradas con letámbito de bloque

Las variables declaradas con letdeben declararse antes de su uso

Las variables declaradas con letno se pueden volver a declarar en el mismo ámbito

Ámbito de aplicación del bloque

Antes de ES6 (2015), JavaScript no tenía ámbito de bloque .

JavaScript tenía alcance global y alcance de función .

ES6 introdujo dos nuevas palabras clave de JavaScript: lety const.

Estas dos palabras clave proporcionan el alcance del bloque en JavaScript:

No se puede acceder a las variables declaradas dentro de un bloque { } desde fuera del bloque:

{
  let x = 2;
}
// x can NOT be used here

Alcance global

Las variables declaradas con varsiempre tienen alcance global .

Las variables declaradas con la varpalabra clave NO pueden tener alcance de bloque:

Se puede acceder a las variables declaradas vardentro de un bloque { } desde fuera del bloque:

{
  var x = 2;
}
// x CAN be used here

No se puede redeclarar

Las variables definidas con let no se pueden redeclarar.

No se puede redeclarar accidentalmente una variable declarada con let.

Con letusted no puede hacer esto:

let x = "John Doe";

let x = 0;

Las variables definidas con var se pueden redeclarar.

¿Qué es bueno?

lety const tienen alcance de bloque .

lety const no puede ser redeclarado .

lety const debe declararse antes de su uso.

lety no const se vincula a this.

lety no seconst izan .

¿Qué no está bien?

varno es necesario declararlo

varse iza.

varse vincula a esto.

Constante de JavaScript

La constpalabra clave se introdujo en ES6 (2015)

Las variables definidas con constno se pueden redeclarar

Las variables definidas con constno se pueden reasignar

Las variables definidas consttienen alcance de bloque

No se puede reasignar

Una variable definida con la constpalabra clave no se puede reasignar:

const PI = 3.141592653589793;
PI = 3.14;      // This will give an error
PI = PI + 10;   // This will also give an error

Debe ser asignado

A las variables de JavaScript constse les debe asignar un valor cuando se declaran:

¿Cuándo utilizar const en JavaScript?

Siempre declara una variable con constcuando sepas que el valor no debe cambiarse.

Úselo constcuando declare:

• Una nueva matriz
• Un nuevo objeto
• Una nueva función
• Una nueva expresión regular

Objetos constantes y matrices

La palabra clave constes un poco engañosa.

No define un valor constante, sino una referencia constante a un valor.

Por esto NO puedes:

• Reasignar un valor constante
• Reasignar una matriz constante
• Reasignar un objeto constante

Pero puedes:

• Cambiar los elementos de una matriz constante
• Cambiar las propiedades de un objeto constante

¿Qué es bueno?

lety const tienen alcance de bloque .

lety const no puede ser redeclarado .

lety const debe declararse antes de su uso.

lety no const se vincula a this.

lety no seconst izan .

¿Qué no está bien?

varno es necesario declararlo

varse iza.

varse vincula a esto.

Ámbito de aplicación del bloque

Declarar una variable con constes similar a let cuando se trata de Block Scope .

La x declarada en el bloque, en este ejemplo, no es la misma que la x declarada fuera del bloque: