O TypeScript oferece suporte a tipos personalizados, que podem ser definidos usando “ interface ' ou ' tipo ”. Uma interface pode ser implementada por uma classe ou um objeto, enquanto um alias de tipo só pode ser utilizado para criar um novo nome para um tipo existente ou para definir uma união de tipos. Embora tipos e interfaces sejam frequentemente intercambiáveis, existem certas diferenças em sua funcionalidade e sintaxe que os tornam mais apropriados para cenários específicos.
Este blog descreverá a interface e o tipo do TypeScript e suas diferenças.
O que é Interface TypeScript vs Tipo?
“ Interface ' e ' tipo ” são usados para definir tipos personalizados no TypeScript. Mas existem algumas distinções em sua funcionalidade e sintaxe. A principal diferença entre uma interface e um tipo é que uma interface define um novo tipo, enquanto um alias de tipo não.
Uma interface pode ser implementada por uma classe ou um objeto, enquanto os tipos podem definir tipos mais complexos usando recursos como uniões e interseções. Em geral, as interfaces são mais comumente usadas para definir formas de objeto e APIs, enquanto os tipos são mais comumente usados para definir tipos de dados complexos e tipos de utilitários. Vamos entender ambos separadamente.
O que é uma interface TypeScript?
Uma interface TypeScript é uma técnica para definir a forma de um objeto TypeScript. Ele é criado usando a palavra-chave “ interface ” e especifica um conjunto de atributos e métodos que um objeto requer para ser classificado como daquele tipo. É equivalente a uma classe em programação orientada a objetos; no entanto, não define nenhuma implementação. As interfaces são utilizadas principalmente para verificação de tipo e garantia de que um objeto está em conformidade com uma estrutura específica.
Antes de prosseguir, lembre-se de que, para executar um arquivo TypeScript, ele deve ser transpilado para um arquivo JavaScript e, em seguida, executar o código JavaScript no terminal usando os comandos fornecidos:
tsc nome do arquivo.tsnode filename.js
Exemplo
Crie uma interface chamada “User” que defina três atributos e um método “ obter informação() ”:
usuário da interface {primeiroNome: string;
últimoNome: string;
idade: número;
obter informação ( ) : vazio;
}
Criar uma classe “ Estudante ” que é herdado com uma interface. A classe define seus atributos, um construtor que atribuirá os valores aos atributos e um método “getInfo()” que exibirá os valores relativos aos atributos:
primeiroNome: string;
últimoNome: string;
idade: número;
construtor ( firstName: string, lastName: string, idade: número ) {
este.primeiroNome = primeiroNome;
este.últimoNome = últimoNome;
esta.idade = idade;
}
obter informação ( ) : vazio {
console.log ( 'Informações do aluno:' )
console.log ( '- Nome: ' + this.firstName + '' + this.lastName ) ;
console.log ( '- Idade: ' + esta.idade ) ;
}
}
Crie um objeto de “ Estudante 'chamado' std ' de ' Do utilizador ” digite chamando o construtor com a palavra-chave “new” e, em seguida, chame o método getInfo() para imprimir os dados no console:
std.getInfo ( ) ;
Saída
O que é um tipo TypeScript?
Os tipos TypeScript são usados principalmente para criar aliases para tipos existentes, bem como para criar tipos mais complicados. Representa uma forma ou estrutura específica de dados. Pode ser definido/declarado com o “ tipo ” palavra-chave. Os tipos do TypeScript podem ser usados para tornar o código mais compreensível e reduzir a repetição/duplicação.
Exemplo
Primeiro, defina um tipo “ Do utilizador ” usando o “ tipo ” palavra-chave especificada com cinco propriedades, uma delas é um atributo opcional que é “ telefone ”:
tipo Usuário = {primeiroNome: string;
últimoNome: string;
idade: número;
e-mail: string;
telefone?: string;
} ;
Defina uma função chamada “ getFullName ”, que recebe um parâmetro do tipo “ Do utilizador ” e imprime os dados que consistem nas informações da pessoa, incluindo “ nome ”, “ idade ”, “ e-mail ' e ' número de telefone ”:
console.log ( 'Informação do usuário:' )
console.log ( '- Nome: ' + pessoa.primeiroNome + '' + pessoa.últimoNome ) ;
console.log ( '- Idade: ' + pessoa.idade ) ;
console.log ( '- E-mail: ' + pessoa.email ) ;
console.log ( '-Telefone #: ' + pessoa.telefone ) ;
}
Agora, crie um objeto “ pessoa ” do tipo “ Do utilizador ” com pares chave-valor:
primeiro nome: 'Mily' ,
sobrenome: 'Micheal' ,
idade: 28 ,
e-mail: 'mili124@yahoo.com' ,
telefone: '086-34581734'
} ;
Por fim, imprima as informações do usuário chamando a função getInfo():
Saída
Isso foi tudo sobre a interface e o tipo do TypeScript.
Conclusão
No TypeScript, “ interface ' e ' tipo ” são usados para definir tipos personalizados. Uma interface pode ser implementada por uma classe ou um objeto, enquanto os tipos podem definir tipos mais complexos usando recursos como uniões e interseções. Esses são os recursos poderosos que podem ajudar a escrever um código mais organizado e escalável. Este blog descreveu a interface e o tipo do TypeScript e suas diferenças.