Comment spécifier les types d'une fonction dans TypeScript

Comment Specifier Les Types D Une Fonction Dans Typescript



Les fonctions sont les composants les plus importants de JavaScript qui effectuent des tâches spécifiques sur les objets. Ils permettent aux utilisateurs de réutiliser le code spécifique qui y est défini pour améliorer sa maintenabilité. Dans TypeScript, les fonctions sont classées en fonction de leurs arguments/paramètres et types de retour. Cela aide à informer l'utilisateur qu'une fonction particulière est définie avec un type spécifique et que tout autre paramètre de type de données ne peut pas y être utilisé.

Ce guide explique comment le type d'une fonction peut être spécifié dans TypeScript.

Comment spécifier le 'type' d'une fonction dans TypeScript ?

Le ' taper Le mot clé ” correspond au type des paramètres/arguments de la fonction ou sa valeur de retour. Une fois le type défini avec les paramètres, l'utilisateur ne peut plus y ajouter d'autre type de valeur.







Commençons par le premier exemple.



Exemple 1 : spécifier le type de retour de la fonction

Ce premier exemple spécifie le type de retour de la fonction donnée qui limite cette fonction pour ne renvoyer que la valeur du type de retour spécifié.



Code

Utilisez ces lignes de code dans le fichier ayant l'extension '.ts':





fonction Temps ( ) : nombre {

retour nouveau Date ( ) . obtenir du temps ( ) ;

}

console. enregistrer ( Temps ( ) ) ;

Dans les lignes de code ci-dessus :

  • Le ' Temps() ” fonction spécifie le “ nombre ” type de données comme type de retour de cette fonction.
  • Cette instruction 'retour' utilise le ' date ” objet lié avec le “ obtenir du temps() » pour renvoyer la date et l'heure en millisecondes sous forme de « nombre ».
  • Enfin, invoquez la fonction définie.

Sortir



Compilez le fichier '.ts' à l'aide du compilateur 'tsc' puis exécutez le fichier '.js' compilé :

tsc principal. ts //Compiler

nœud principal. js //Courir

Comme on le voit, la fonction 'Time()' récupère la valeur numérique spécifiée car son type de retour est 'number'.

Exemple 2 : spécifier les types de paramètres de la fonction

Cet exemple spécifie le type de paramètres des fonctions pour les restreindre à n'accepter aucune autre valeur de type de données :

fonction ajouter ( un : nombre, b : nombre ) : nombre

{

retour un + b ;

}

console. enregistrer ( 'La somme est :' + ajouter ( dix , vingt ) ) ;

Dans ce code :

  • Le ' ajouter() « la fonction prend deux paramètres » un et b « du genre » nombre ”.
  • Cette fonction renvoie la valeur numérique à la suite de l'opération arithmétique spécifiée, c'est-à-dire 'a+b'.
  • Le ' console.log() ' la méthode appelle le ' ajouter() ” en passant les valeurs d'argument indiquées sous forme de “nombres”.

Sortir

tsc principal. ts

nœud principal. js

Ici, la sortie affiche la somme des nombres spécifiés avec succès.

Exemple 3 : Types de fonctions dans TypeScript et spécification de leurs types

Dans TypeScript, les fonctions sont classées en deux types : ' Nommé ' et ' Anonyme ”.

Fonction nommée

Le ' Nommé ” la fonction est déclarée par son nom donné. Cette fonction peut contenir le type de paramètres de la fonction ou le type de retour. Sa démo peut être vue d'ensemble dans 'Exemple 2'.

Syntaxe

nom_fonction ( [ arguments ] ) { }

Fonction anonyme

Le ' Anonyme ” La fonction est affectée à une variable qui la définit dynamiquement comme une expression au moment de l'exécution. Cela fonctionne de la même manière que la simple/fonction. L'utilisateur peut l'appeler en utilisant le nom de la variable dans laquelle il est affecté pour invoquer les fonctionnalités de la fonction.

Syntaxe

laisser le résultat = fonction ( [ arguments ] ) { }

Maintenant, démontrons pratiquement la fonction discutée:

laisser maFonction = fonction ( X : nombre, y : nombre ) : nombre {

retour X * et ;

} ;

console. enregistrer ( maFonction ( dix , 6 ) ) ;

Dans les lignes de code ci-dessus :

  • La variable 'myFunc' définit une fonction ayant des paramètres (avec leurs types), et le type de retour.
  • L'instruction « return » renvoie la multiplication des valeurs transmises.
  • Le ' console.log() ' la méthode appelle la ' fonction anonyme ' à l'aide de sa variable assignée ' maFonction ” en passant les valeurs indiquées comme arguments.

Sortir

tsc principal. ts

nœud principal. js

Ici, la sortie renvoie la valeur de type 'numérique' puisque le type de retour de la fonction est 'nombre'.

Conclusion

Dans TypeScript, le ' taper ' d'une fonction fait référence aux paramètres de la fonction ou à la valeur de retour basée sur les types de données intégrés, de sorte que seules les valeurs spécifiées sont prises en charge par la fonction. Ce guide explique brièvement comment spécifier le 'type' d'une fonction à l'aide de TypeScript.