Cum să specificați tipurile unei funcții în TypeScript

Cum Sa Specificati Tipurile Unei Functii In Typescript



Funcțiile sunt cele mai importante componente ale JavaScript care efectuează sarcini specifice asupra obiectelor. Acestea permit utilizatorilor să refolosească codul specific definit în acesta pentru a spori mentenabilitatea acestuia. În TypeScript, funcțiile sunt clasificate în funcție de argumentele/parametrii lor și de tipurile de returnare. Ajută să notifice utilizatorul că o anumită funcție este definită cu un anumit tip și că orice alt parametru de tip de date nu poate fi utilizat în ea.

Acest ghid explică modul în care tipul unei funcții poate specifica în TypeScript.

Cum să specificați „Tipul” unei funcții în TypeScript?

tip cuvântul cheie ” corespunde tipului de parametri/argumente ale funcției sau valorii returnate. Odată ce tipul este setat cu parametrii, atunci utilizatorul nu poate adăuga niciun alt tip de valoare în el.







Să începem cu primul exemplu.



Exemplul 1: Specificați tipul de returnare al funcției

Acest prim exemplu specifică tipul de returnare al funcției date care restricționează acea funcție să returneze doar valoarea tipului de returnare specificat.



Cod

Utilizați aceste linii de cod în fișierul cu extensia „.ts”:





funcţie Timp ( ) : număr {

întoarcere nou Data ( ) . Fă-ți timp ( ) ;

}

consolă. Buturuga ( Timp ( ) ) ;

În rândurile de cod de mai sus:

  • Timp() „funcția specifică „ număr ” tipul de date ca tip de returnare al acestei funcții.
  • Această declarație „return” folosește „ Data ” obiect legat de „ Fă-ți timp() ” pentru a returna data și ora în milisecunde ca „număr”.
  • În cele din urmă, invocați funcția definită.

Ieșire



Compilați fișierul „.ts” folosind compilatorul „tsc” și apoi rulați fișierul „.js” compilat:

tsc principal. ts //Compila

nodul principal. js //Alerga

După cum s-a văzut, funcția „Time()” preia valoarea numerică specificată, deoarece tipul său returnat este „număr”.

Exemplul 2: Specificați tipurile de parametri ale funcției

Acest exemplu specifică tipul de parametri ai funcțiilor pentru a le restricționa să nu accepte nicio altă valoare a tipului de date:

funcția add ( A : număr, b : număr ) : număr

{

întoarcere A + b ;

}

consolă. Buturuga ( 'Suma este:' + adăuga ( 10 , douăzeci ) ) ;

În acest cod:

  • adăuga() „funcția are doi parametri” A și b ” de tip ” număr ”.
  • Această funcție returnează valoarea numerică ca rezultat al operației aritmetice specificate, adică „a+b”.
  • console.log() ” metoda numește „ adăuga() ” care transmite valorile argumentelor declarate ca „numere”.

Ieșire

tsc principal. ts

nodul principal. js

Aici, rezultatul arată cu succes suma numerelor specificate.

Exemplul 3: Tipuri de funcții în TypeScript și specificarea tipurilor acestora

În TypeScript, funcțiile sunt clasificate în două tipuri: „ Numit ' și ' Anonim ”.

Funcție numită

Numit ” funcția este declarată prin numele său dat. Această funcție poate conține tipul de parametri ai funcției sau tipul de returnare. Demo-ul său poate fi prezentat în „Exemplul 2”.

Sintaxă

functionName ( [ argumente ] ) { }

Funcția anonimă

Anonim ” funcția este atribuită unei variabile care o definește dinamic ca o expresie în timpul execuției. Funcționează la fel ca simplu/funcție. Utilizatorul o poate apela folosind numele variabilei în care este atribuită pentru a invoca funcționalitățile funcției.

Sintaxă

lasa rezultatul = funcţie ( [ argumente ] ) { }

Acum, să demonstrăm practic funcția discutată:

lasă myFunc = funcţie ( X : număr, y : număr ) : număr {

întoarcere X * și ;

} ;

consolă. Buturuga ( myFunc ( 10 , 6 ) ) ;

În rândurile de cod de mai sus:

  • Variabila „myFunc” definește o funcție având parametri (cu tipurile acestora) și tipul returnat.
  • Instrucțiunea „return” returnează înmulțirea valorilor transmise.
  • console.log() ” metoda apelează „funcția anonimă” cu ajutorul variabilei sale atribuite „ myFunc ” prin trecerea ca argumente a valorilor declarate.

Ieșire

tsc principal. ts

nodul principal. js

Aici, rezultatul returnează valoarea de tip „numeric”, deoarece tipul de returnare al funcției este „număr”.

Concluzie

În TypeScript, „ tip ” a unei funcții se referă la parametrii funcției sau la valoarea returnată pe baza tipurilor de date încorporate, astfel încât numai valorile specificate sunt acceptate de funcție. Acest ghid a explicat pe scurt cum să specificați „tipul” unei funcții folosind TypeScript.