Object

Clase 13 de 32 • Curso de TypeScript 3

Clase anteriorSiguiente clase

Paula Kneeteman

student•

Like si ves los videos de Luis en 1.5x

Alfredo Pacheco

student•

1,75x

Aris Jhovannys Perea

student•

Javi Felices

student•

Estaría bien que Luis comentara para qué usaría object.

Edwin Alberto Equihua Ochoa

student•

HAHAHAHAHA xD

Juan David Merchán Torres

student•

Hola 👋 No se usa en gran medida, se usa mas es por dentro de typescript. Los casos de usos aplicables a object seria no usar un null o undefinend y definir un union con object para el valor por default. Espero haberles aportado algo 🚀

Diego Fernando Rojas Quintero

student•

No tengo la más absoluta idea de como y que casos usar object.

Se tenia que decir y se dijo.

Omar Lopez

student•

Esto es lo que dice la documentacion de typescript: Generally, you won’t need to use this. En pocas palabras, ignoren el tipo object

Mauro Nava

student•

No tiene un uso muy útil, lo suelo usar sólo para que los editores me recuerden que la variable es un objeto

Henry Villavicencio

student•

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

student•

Excelente ejemplo

Platzi Team

student•

Excelente ejemplo compañero

Edwin Ivan Ortiz Zelada

student•

El profesor debería haber aclarado los usos de object de TS. No ha quedado claro de para que usar el tipo de dato TS. Ese era el tema del capitulo. no instanciar un Object de JS.

Carlos Viteri

student•

Esta lectura les puede ayudar a comprender mejor la diferencia https://2ality.com/2020/01/typing-objects-typescript.html#object-vs.-object-in-typescript

Boris Vargas Paucara

student•

// ------ Tipo: object ------
// explicito
let user: object;
user = {}; // Object
user = {
    id: 1,
    username: 'paparazzi',
    firstname: 'Pablo',
    isPro: true
};
console.log('user', user);
// console.log('user.username', user.username); // --&gt; no se puede acceder al dato username

/*
 * Object: instancia de la clase Object de JavaScript
 * object: tipo para valores no primitivos
 */

// ---- Object vs object (Clase JS vs tipo TS) ----
// considera como tipo instancia Object de JavaScript
const myObj = {
    id: 1,
    username: 'paparazzi',
    firstname: 'Pablo',
    isPro: true
};
const isInstance = myObj instanceof Object; // trueo o false
console.log('isInstance : ', isInstance); // clase Object JavaScript
console.log('myObj.username : ', myObj.username); // --&gt; se puede acceder al dato username

Luis Alejandro Vera Hernandez

student•

Hare uso de tu aporte. Muchas gracias

Federico Walovnik

student•

Object

Es un tipo de dato no primitivo.

Declarar a una variable con el tipo object no es lo mismo que crear un Object nativo de JS

Si tenemos un objeto declarado con el object de TS no podremos acceder a sus atributos mientras que si lo hacemos regularmente como en vanilla JS si podremos hacerlo.

Por lo tanto declarar una variable como object de TS nos puede llegar a servir para una situacion en la que no querramos que el objeto pueda mutar.

Sintaxis:
```
//Explicito
let user: object = { id: 234, name: "Federico"}

//Implicito
//Este objeto sera creado como un objeto nativo de JS
let user = { id: 234, name: "Federico"}
```

Juan Esteban Galvis

student•

Siento que la object de TypeScript solo la usaría para mostrar un Objeto que no tenga que editar ni acceder a sus atributos. De resto la gracia de un objeto es acceder a sus atributos.

Alan Cordova

student•

Tal cual, no le vi mucho sentido a usar object de typescript, o igual aun no veo el escenario ideal para usarlo.

Andrés Felipe Eslava Zuluaga

student•

Piensalo dos veces... Si quieres manipular el objeto, en JS es totalmente mutable y accesible - Por el contrario en TS esto lo debes realizar de otra forma. Mucho mejor control

Jose Daniel Barría Reyes

student•

Diferencias entre object y Object. Object: instancia de la clase Object de Javascript object: tipo para valores no primitivos. Con este tipo no se puede acceder a las propiedades del objeto.

Valentin Rivetti

student•

Muy mal, el profesor deberia responder su propia pregunta al final de la clase, no puede ser que se tome todo el tiempo del mundo para explicar algo tan basico como tipos de datos primitivos (Que sinceramente deberia darse por sabido en el curso) y no se tome ni 2 minutos en responder algo tan importante y confuso como el uso de este 'object' de typescript que no parece tener ninguna ventaja por sobre 'Object' de js. Por favor, no tengan miedo en comentar sus opiniones y en especial de puntuar este curso con las estrellas que merece.

Cristian Blandon

student•

Siento que veníamos divinamente y en las últimas 3 clases no he entendido nada.

Alex hernandez mitre

student•

x2, si he entendido pero no les veo utilidad.

Daniel Caita

student•

Object en JS viene siendo una clase cual se ha manejado toda la vida en POO, cuando hablamos de object en TS nos estamos refiriendo simplemente un tipo, como un string, o un number, que viene siendo algo más abstracto, por lo cual object en TS no hereda nada de un Object en JS. Si estoy mal me corrigen please jejeje

Andrés Felipe Eslava Zuluaga

student•

Estás en lo correcto!

Enrique Tecayehuatl

student•

Una alternativa para usar el tipado en un objeto similar es crear una interface: const user: IUser; interface IUser { name: string; age: number; }

Jose Daniel Hernandez Quiceno

student•

Para que lo tengan en cuenta... si te lo preguntas, en el minuto 6:52, el profesor solo cambio uno de los dos parametros que recibe el console.log, el segundo parametro paso de ser user.username a myObj.username pero se olvido de hacer el cambio en el primer parametro, ese console.log que realizo al final deberia haber quedado asi console.log( 'myObj.username', myObj.username )

Jorge Cruz Perez

student•

Cierto pero el primero es una cadena de texto, es decir no es un error sintactico, pero tienes todas la razon

Luis Palomo

student•

Yo probé usar instanceof en cada uno y ambos me daba "true". Entonces, TS al convertirlo en JS lo convierte en un objeto normal ne Js nuevamente. ¿O estoy equivocado?

Diego Fernando Caviedes Camaho

student•

me pasa lo mismo y hay si no entendí jejeje

Bramucci Candela

student•

Tengo la misma duda

Iván Antonio Bustos Calderón

student•

Es primera vez que veo dos veces un vídeo en Platzi. El profesor domina la materia claramente, pero no logra ser lo suficientemente claro para que yo domine el entendimiento de su explicación... Pienso que deberían agregar una clase adicional para ejemplificar de mejor manera el uso.

Andres David Sanchez

student•

la verdad no le encuentro mucho sentido a object Pues typescript se creo precisamente para tener control de las variables. Esta propiedad no permite acceder a las propiedades, sooooooo

Alejandro Andrade Soriano

student•

Se me ocurre, que se podría usar en casos en los que quieras asigna a un objeto la información de un usuario que sea secreto y que quisieras proteger el acceso a la información de el usuario para que no pueda ser accedida.

Jorge Méndez Ortega

student•

le estoy dando una repasada al curso ya que realmente para usar POO en JS si es necesario usar TS, ya que el POO en JS es algo basico por lo que para usar los principios de solid creo que si necesito TS para entenderlos al 100 los comprendo JS pero no al 100

César Palma

student•

este curso conversa bien con los cursos de POO en JS

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' }

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' }

// ------ Tipo: object ------
// explicito
let user: object;
user = {}; // Object
user = {
    id: 1,
    username: 'paparazzi',
    firstname: 'Pablo',
    isPro: true
};
console.log('user', user);
// console.log('user.username', user.username); // --&gt; no se puede acceder al dato username

/*
 * Object: instancia de la clase Object de JavaScript
 * object: tipo para valores no primitivos
 */

// ---- Object vs object (Clase JS vs tipo TS) ----
// considera como tipo instancia Object de JavaScript
const myObj = {
    id: 1,
    username: 'paparazzi',
    firstname: 'Pablo',
    isPro: true
};
const isInstance = myObj instanceof Object; // trueo o false
console.log('isInstance : ', isInstance); // clase Object JavaScript
console.log('myObj.username : ', myObj.username); // --&gt; se puede acceder al dato username

Object

Introducción a TypeScript

El lenguaje de programación TypeScript

Instalación de herramientas para TypeScript

Instalación de herramientas en Windows

Navegación y refactorización

Entorno de Desarrollo

El compilador de TypeScript

El archivo de configuración de TypeScript

Mi primer proyecto TypeScript

Tipos en TypeScript

Tipado en TypeScript

Number, Boolean y String

Any

Void y never

null y undefined

Object

Array

Tupla

Enum

Unión de Tipos, Alias y Tipos Literales

Aserciones de tipo

Funciones en TypeScript

Resumen

Tipos Personalizados

Interfaces

Interfaces: propiedades opcionales

Extensión de interfaces

Clases

Clases públicas y privadas

Métodos Get y Set

Herencia de clases y propiedades estáticas

Resumen

Módulos

Principios de responsabilidad única

Resolviendo módulos

Webpack y agrupación de Módulos

Cierre

Cierre