Reasignación y redeclaración

Contenido del curso

Bienvenida

1
Bienvenida al Curso de Closures y Scope
01:11 min

Tipos de scope en JavaScript

Closure

0:0014:05

Reasignación y redeclaración

Curso de Closures y Scope en JavaScript

Clase 5 de 11

Clase 5 / 11

Recursos

La redeclaración es volver a declarar una variable, y la reasignación es volver a asignar un valor.

Una variable declarada con var puede ser redeclarada y reasignada.
Una variable declarada con let puede ser reasignada, pero no redeclarada.
Una variable declarada con const no puede ser redeclarada, ni reasignada. Su declaración y asignación debe ser en una línea, caso contrario habrá un error.

Existe un curso de ECMAScript 6+ para que descubras las nuevas características que agregan al lenguaje.

Ejemplos de redeclaración y reasignación de variables

// Con var
var nombre // declaración (undefined) ✅
nombre = "Andres" // asignación ✅
nombre = "Valeria" // reasignación ✅
var nombre = "Oscar" // redeclaración y reasignación ✅

// Con let
let nombre // declaración (undefined) ✅
nombre = "Andres" // asignación ✅
nombre = "Valeria" // reasignación ✅
let nombre = "Oscar" // SyntaxError: Identifier 'nombre' has already been declared. ❌

// Con const 
const nombre // SyntaxError: Missing initializer in const declaration. ❌
const nombre = "Andres" // declaración y asignación ✅
nombre = "Valeria" // TypeError: Assignment to constant variable. ❌
const nombre = "Oscar" // SyntaxError: Identifier 'nombre' has already been declared. ❌

Estructuras de datos declaradas con const

Las estructuras de datos, como los arrays u objetos, declaradas con const pueden cambiar las referencias de sus elementos, a este concepto se lo denomina mutabilidad. Sin embargo, siguen las mismas reglas ya mencionadas, no puedes redeclarar ni reasignar una variable de estructura de datos.

const array = ["manzana", "pera"] // declaración y asignación ✅
array[0] = "piña" // Cambio de valor en un elemento del array 
console.log(array) // [ 'piña', 'pera' ]
const array = [1,2,3] // SyntaxError: Identifier 'array' has already been declared. ❌

En React, una librería de JavaScript, puedes utilizar declaraciones con const para el estado de un componente, porque aunque cambie el valor, lo que sucede internamente es un re-renderizado y no una redeclaración. No te preocupes si no lo entiendes, pero tenlo presente cuando llegues a ese tema.

Contribución creada por: Andrés Guano.

Juan David Sánchez

Hace 4 años

Algo similar a lo que pasa con los arreglos también ocurre con los objetos. Por ejemplo, podemos inicializar un objeto de la siguiente forma:

const person = {};

E ir mutando sus propiedades sin problema alguno:

person.name = "David";
person.username = "d4vsanchez";

console.log(`${person.name} (@${person.username})`);

person.name = "Someone else";
person.username = "someone";
console.log(`${person.name} (@${person.username})`);

Si ejecutamos esto obtendremos:

David (@d4vsanchez)
Someone else (@someone)

Por lo que debemos recordar que el const no creará variables inmutables sino que creará una "atadura" inmutable. Una frase que me ayudó a entender ese concepto es: "const won't create immutable variables, const will create immutable bindings". Tip extra: Si quieren crear un objeto inmutable, pueden pasarlo por el método Object.freeze.

const person = { name: "David", username: "d4vsanchez" };
Object.freeze(person);

person.name = "Someone else";
person.username = "someone";

console.log(`${person.name} (@${person.username})`);
// David (@d4vsanchez)

Guadalupe Monge Barale

Hace 4 años

Muchas gracias. Muy clarito

Jesús De Avila

Hace 4 años

¡Excelente dato! Gracias

Bienvenida

Bienvenida al Curso de Closures y Scope

Tipos de scope en JavaScript

Global Scope

Function Scope

Block Scope

Reasignación y redeclaración

Strict Mode

Closure

¿Qué es un Closure?

Practicando Closures

Hoisting

¿Qué es el Hoisting?

Debugging

Debugging

Cierre

Conclusiones

Reasignación y redeclaración

Progreso del curso

Bienvenida

Tipos de scope en JavaScript

Closure

Hoisting

Debugging

Cierre

Recursos

Recursos