Fácil TypeScript
Criando uma interface simples
Enunciado
Crie uma interface Pessoa com as propriedades nome (string) e idade (number). Depois, crie uma constante pessoa do tipo Pessoa e imprima uma mensagem com o nome e a idade.
Requisitos
- A interface
Pessoadeve ternome: stringeidade: number. - A constante
pessoadeve ser tipada comoPessoa. - A saída deve ser exatamente
Nome: Maria, Idade: 30.
Código inicial
// Defina a interface Pessoa
// Crie a constante pessoa
// Imprima a mensagem
Saída esperada
Nome: Maria, Idade: 30
Ver dica
Use console.log com template string: Nome: ${pessoa.nome}, Idade: ${pessoa.idade}.
Mostrar solução
// Interface que define o contrato
interface Pessoa {
nome: string;
idade: number;
}
// Objeto que segue a interface
const pessoa: Pessoa = {
nome: "Maria",
idade: 30,
};
// Exibe os dados
console.log(`Nome: ${pessoa.nome}, Idade: ${pessoa.idade}`);
Passo a passo
- Declaramos a interface
Pessoacom duas propriedades:nomedo tipostringeidadedo tiponumber. - Criamos a constante
pessoacom a anotação: Pessoa, garantindo que o objeto siga o contrato. - O objeto literal tem exatamente as propriedades exigidas, então a atribuição é válida.
- Usamos
console.logcom template string para montar a mensagem final.
Por que funciona
A interface define a forma esperada do objeto. O TypeScript verifica se o objeto atribuído contém todas as propriedades obrigatórias e com os tipos corretos. Se faltar alguma ou o tipo estiver errado, o compilador acusa erro.
Erros comuns
- Esquecer de anotar o tipo:
const pessoa = { ... }; isso não valida contra a interface. - Colocar tipo errado:
idade: "30"gera erro de compilação. - Deixar de incluir uma propriedade obrigatória:
{ nome: "Maria" }falha.
Outra forma de resolver
Usar type em vez de interface:
type Pessoa = { nome: string; idade: number };
É preferível quando você não precisa de declaration merging.
Saída esperada
Nome: Maria, Idade: 30