Aula 07
Como Definir o Tipo para Cada Parâmetro de uma Função em TypeScript
Summary
Resumo do Transcript
Neste trecho, é discutido como adicionar tipos de parâmetros e o tipo de retorno em uma função chamada somar em TypeScript.
Adicionando Tipos de Parâmetros
- Parâmetros:
- O primeiro parâmetro
aé definido comonumber. - O segundo parâmetro
btambém é do tiponumber.
- O primeiro parâmetro
Com essa definição, o compilador verifica se os argumentos passados para a função somar são do tipo correto (number).
- Erro Detectado:
- Um exemplo de chamada da função
somarusando um argumento do tipostringgera um erro de compilação:- Mensagem de erro indica que o argumento
3é do tipostring, o que é inválido para o parâmetronumber.
- Mensagem de erro indica que o argumento
- Um exemplo de chamada da função
Adicionando Tipo de Retorno
- O tipo de retorno da função
somartambém é definido comonumber, já que a soma de dois números deve resultar em um número. - Após adicionar os tipos, o código é compilado novamente sem problemas.
Observações Finais
- As anotações de tipo não aparecem no JavaScript gerado, mas garantem a consistência e segurança do código durante a fase de desenvolvimento.
- O código executado corretamente soma 3 e 5, resultando em 8, ao invés de concatenar os valores como
35. - A aula conclui enfatizando a importância da detecção de erros durante a compilação.
Fique atento para a próxima aula!
Video Transcript
Então, vamos adicionar o tipo dos parâmetros da função somar.
Vamos definir cada parâmetro com um certo tipo de dados na função somar.
Então, vamos lá, de volta ao editor de texto.
A função somar, o primeiro parâmetro a, vai ser aqui tipo dois pontos, number.
Vai ser do tipo number, não pode ser string.
Eu geralmente ponho suave depois de dois pontos.
Para B, esse parâmetro B também é um number, número.
Com isso, o compilador vai checar que o primeiro argumento seja number,
e o segundo também seja number.
Norte aqui, chamado de somar, o primeiro é um string que vai ser inválido, não pode.
Então, vamos lá, de volta ao nosso terminal, rodar o compilador tsc.
Agora deu erro.
Ele fala na linha cinco do arquivo funções.ts coluna19.
Erro.
O argumento três está tipo string.
Não pode ser atribuído ao parâmetro de tipo número, number.
E ele dá o marca aqui na chamada do somar.
O três está errado, você não pode fazer isso porque o primeiro parâmetro a tem que ser o number, tipo number.
Não pode ser tipo string.
Com isso, a gente detecta o erro, o bug na hora de compilação.
Bem cedo antes do runtime, que é a hora de rodar o programa.
Então, já detectamos o bug aqui.
Então, para consertar, não pode ser string, remove as aspas,
e faz ele ficar o número e não vai ter mais problema.
Legal.
Agora, você pode também ir um passo a mais e adicionar o tipo de retorno da função somar.
O que a gente espera que seja retornado dessa função?
Bem, um número mais outro número tem que ser o número.
Então, depois da lista da entrada de argumentos e parâmetros,
vou em dois pontos e o tipo de retorno number.
Para deixar consistente adicionar o tipo de retorno.
Eu fiz é ponho um espaço ou não.
Então, retorno number, essa função somar.
Então, vamos compilar sem problemas.
Vamos ver.
E você note que aqui no lado direito, a função está a mesma coisa que tinha antes.
Porque as anatoações de tipo não aparecem no JavaScript normal, porque não tem essas coisas de tipo.
Então, esse arquivo de funções de JTS que foi gerado pode ser rodado no navegador ou no node.
E vai dar a mesma coisa.
Corretamente, obtemos 3 mais 5 é 8, não é mais 3 e 5 concatenados 35.
Então, resolvemos o bug na hora antes de compilar.
Na hora da compilação, não teve que ver que o bug aconteceu depois que o programa rodou.
Então, muito legal isso.
Então, por essa aula é só e até a próxima.
Nenhum comentário ainda (loading...)
Nenhum comentário ainda (loading...)
Gostou da aula? 😆👍
Apoie nosso trabalho com uma doação: