Cursos Empresas Blog Live Conf Eventos Precios

0:007:44

Object

Clase 13 de 32

Clase 13 / 32

Henry Villavicencio

Se me ocurre que puede ser de utilidad cuando uno quiere evitar mutar una variable. En el ejemplo voy a guardar user en una variable auxiliar newUser, luego voy a actualizar el nombre del primer usuario y finalmente voy a mostrar sus resultados.

caso 1) Object

const user = { 
  id: 1, 
  name: 'Harry' 
}

const newUser = user
user.name = 'Henry'; 
console.log('user', user); // user { id: 1, name: 'Henry' }
console.log('newUser', newUser); // newUser { id: 1, name: 'Henry' }

caso 2): object

let user: object;
user = {}
user = { 
  id: 1, 
  name: 'Harry' 
}

const newUser = user
// user.name = 'Henry' // Error
user = {...user, name: 'Henry'} 
console.log('user', user); // user { id: 1, name: 'Henry' }
console.log('newUser', newUser); // newUser { id: 1, name: 'Harry' }

Como podemos observar debido a que en el caso 1 es posible acceder a la propiedad name se puede llegar a mutar la variable lo que puede causar errores, mientras que para el caso 2 debido a que no es posible acceder a las propiedades del objeto nos vemos forzados a buscar otra alternativa que causa que las variables no muten.

Andrés Felipe Eslava Zuluaga

Hace 6 años

Excelente ejemplo

Platzi Team

Hace 6 años

Excelente ejemplo compañero

Comentarios (63)63 comentarios

Paula Kneeteman

Alfredo Pacheco

Aris Jhovannys Perea

Javi Felices

Edwin Alberto Equihua Ochoa

Juan David Merchán Torres

Hace 5 años

Diego Fernando Rojas Quintero

Omar Lopez

Mauro Nava

Edwin Ivan Ortiz Zelada

Carlos Viteri

Boris Vargas Paucara

Luis Alejandro Vera Hernandez

Federico Walovnik

Juan Esteban Galvis

Alan Cordova

Jose Daniel Barría Reyes

Valentin Rivetti

Cristian Blandon

Alex hernandez mitre

Daniel Caita

Enrique Tecayehuatl

Jose Daniel Hernandez Quiceno

Jorge Cruz Perez

Luis Palomo

Diego Fernando Caviedes Camaho

Bramucci Candela

Iván Antonio Bustos Calderón

Andres David Sanchez

Alejandro Andrade Soriano

Jorge Méndez Ortega

César Palma

Object

Progreso del curso

Introducción a TypeScript

Entorno de Desarrollo

Tipos en TypeScript

Tipos Personalizados

Módulos

Cierre