Object destructuring with types

Here is something I've been using a lot lately. I'm not sure if it's a good practice or not, but it's been working for me.

Let's say you have an object with a bunch of properties, and you want to destructure it into a few variables which can be done like this:

const { name, age } = human

What if this was in TypeScript? I found myself struggling to type this properly, which really bothered me, and after a while I came up with this:

const { name, age } : { name: string;age: number; } = human

This is a lot more verbose, but it's also a lot more readable. TypeScript is a great tool, but it can make you pull your hair out sometimes. 😒

Too make it even more readable, we can use types or interfaces:

interface Person { name: stringage: number} 

And then use it like this:

const person: Person = human