Este guia explica como o tipo de uma função pode ser especificado no TypeScript.
Como especificar o “tipo” de uma função no TypeScript?
O ' tipo ” corresponde ao tipo dos parâmetros/argumentos da função ou seu valor de retorno. Depois que o tipo é definido com os parâmetros, o usuário não pode adicionar nenhum outro tipo de valor a ele.
Vamos começar com o primeiro exemplo.
Exemplo 1: Especifique o tipo de retorno da função
Este primeiro exemplo especifica o tipo de retorno da função fornecida que restringe essa função para retornar apenas o valor do tipo de retorno especificado.
Código
Use estas linhas de código no arquivo com a extensão “.ts”:
função Tempo ( ) : número {
retornar novo Data ( ) . consiga tempo ( ) ;
}
console. registro ( Tempo ( ) ) ;
Nas linhas de código acima:
- O ' Tempo() ” A função especifica o “ número ” como o tipo de retorno desta função.
- Esta declaração de “retorno” usa o “ data ” objeto vinculado com o “ consiga tempo() ” para retornar a data e a hora em milissegundos como um “número”.
- Por fim, invoque a função definida.
Saída
Compile o arquivo “.ts” usando o compilador “tsc” e execute o arquivo “.js” compilado:
tsc principal. ts //Compilarnó principal. js //Correr
Como visto, a função “Time()” recupera o valor numérico especificado, pois seu tipo de retorno é “number”.
Exemplo 2: Especifique os tipos de parâmetros da função
Este exemplo especifica os parâmetros do tipo de funções para restringi-los a não aceitar nenhum outro valor de tipo de dados:
função adicionar ( a : número, b : número ) : número{
retornar a + b ;
}
console. registro ( 'A soma é:' + adicionar ( 10 , vinte ) ) ;
Neste código:
- O ' adicionar() ” função leva dois parâmetros “ a e b ” do tipo “ número ”.
- Esta função retorna o valor numérico como resultado da operação aritmética especificada, ou seja, “a+b”.
- O ' console.log() ” chama o método “ adicionar() ” passando os valores de argumento declarados como “números”.
Saída
tsc principal. tsnó principal. js
Aqui, a saída mostra a soma dos números especificados com sucesso.
Exemplo 3: Tipos de funções em TypeScript e especificação de seus tipos
No TypeScript, as funções são categorizadas em dois tipos: “ nomeado ' e ' Anônimo ”.
Função nomeada
O ' nomeado ” é declarada por seu nome. Esta função pode conter o tipo de parâmetro da função ou o tipo de retorno. Sua demonstração pode ser vista no “Exemplo 2”.
Sintaxe
functionName ( [ argumentos ] ) { }função anônima
O ' Anônimo ” é atribuída a uma variável que a define dinamicamente como uma expressão em tempo de execução. Funciona da mesma forma que o simple/function. O usuário pode chamá-la usando o nome da variável na qual está atribuída para invocar as funcionalidades da função.
Sintaxe
deixe o resultado = função ( [ argumentos ] ) { }Agora, vamos demonstrar a função discutida de forma prática:
deixe minhafunção = função ( x : número, y : número ) : número {retornar x * e ;
} ;
console. registro ( minhafunção ( 10 , 6 ) ) ;
Nas linhas de código acima:
- A variável “myFunc” define uma função com parâmetros (com seus tipos) e o tipo de retorno.
- A instrução “return” retorna a multiplicação dos valores passados.
- O ' console.log() ” método chama a “função anônima” com a ajuda de sua variável atribuída “ minhafunção ” passando os valores declarados como argumentos.
Saída
tsc principal. tsnó principal. js
Aqui, a saída retorna o valor do tipo “numérico”, pois o tipo de retorno da função é “número”.
Conclusão
No TypeScript, o “ tipo ” de uma função refere-se aos parâmetros da função ou valor de retorno com base nos tipos de dados integrados, de modo que apenas os valores especificados sejam suportados pela função. Este guia explicou brevemente como especificar o “tipo” de uma função usando TypeScript.