Desestructuración de objetos con tipos en TypeScript

Estaba usando TypeScript en Deno para crear un proyecto de muestra y tuve que desestructurar un objeto. Estoy familiarizado con los conceptos básicos de TypeScript, pero a veces me encuentro con un problema.

La desestructuración de objetos fue una de ellas.

Yo quería hacer

const { name, age } = body.value

Intenté agregar los tipos stringy numberde esta manera:

const { name: string, age: number } = body.value

Pero esto no funcionó. Aparentemente funcionó, pero en realidad lo que se hace es asignar la namepropiedad a la stringvariable y el agevalor de la propiedad a la numbervariable.

La sintaxis correcta es la siguiente:

const { name, age }: { name: string; age: number } = body.value

La mejor manera de abordar esto sería crear un tipo o interfaz para esos datos:

interface Dog {  name: string  age: number}

Luego puedes escribir lo anterior de esta manera, que es más corta:

const dog: Dog = body.value

Tips para principiantes de JavaScript

Tal vez te puede interesar:

1. Introducción a React
2. Agregar evento de clic a los elementos DOM devueltos desde querySelectorAll
3. Cómo cambiar el valor de un nodo DOM
4. Cómo comprobar si un elemento DOM tiene una clase