Ako určiť typy funkcie v TypeScript

Ako Urcit Typy Funkcie V Typescript



Funkcie sú najdôležitejšie komponenty JavaScriptu, ktoré vykonávajú špecifické úlohy na objektoch. Umožňujú používateľom opätovne použiť špecifický kód definovaný v ňom, aby sa zlepšila jeho udržiavateľnosť. V TypeScript sú funkcie kategorizované podľa ich argumentov/parametrov a návratových typov. Pomáha upozorniť používateľa, že konkrétna funkcia je definovaná s konkrétnym typom a nemožno v nej použiť žiadny iný parameter typu údajov.

Táto príručka vysvetľuje, ako možno v TypeScript určiť typ funkcie.

Ako určiť „Typ“ funkcie v TypeScript?

' typu ” kľúčové slovo zodpovedá typu parametrov/argumentov funkcie alebo jej návratovej hodnoty. Keď je typ nastavený pomocou parametrov, používateľ doň nemôže pridať žiadny iný typ hodnoty.







Začnime prvým príkladom.



Príklad 1: Zadajte typ návratu funkcie

Tento prvý príklad špecifikuje návratový typ danej funkcie, ktorý obmedzuje túto funkciu, aby vrátila iba hodnotu zadaného návratového typu.



kód

V súbore s príponou „.ts“ použite tieto riadky kódu:





funkciu Čas ( ) : číslo {

vrátiť Nový Dátum ( ) . getTime ( ) ;

}

konzoly. log ( Čas ( ) ) ;

Vo vyššie uvedených riadkoch kódu:

  • ' čas() “funkcia špecifikuje “ číslo ” ako návratový typ tejto funkcie.
  • Toto vyhlásenie o „vrátení“ používa „ dátum “objekt spojený s “ getTime() ” na vrátenie dátumu a času v milisekundách ako „číslo“.
  • Nakoniec vyvolajte definovanú funkciu.

Výkon



Kompilujte súbor „.ts“ pomocou kompilátora „tsc“ a potom spustite kompilovaný súbor „.js“:

tsc main. ts //Skompilovať

hlavný uzol. js //Spustiť

Ako je vidieť, funkcia „Time()“ získava zadanú číselnú hodnotu, pretože jej návratový typ je „číslo“.

Príklad 2: Zadajte typy parametrov funkcie

Tento príklad špecifikuje typ parametrov funkcií, aby ich obmedzil tak, aby neprijímali žiadnu inú hodnotu typu údajov:

pridať funkciu ( a : číslo, b : číslo ) : číslo

{

vrátiť a + b ;

}

konzoly. log ( 'Súčet je:' + pridať ( 10 , dvadsať ) ) ;

V tomto kóde:

  • ' pridať () 'funkcia má dva parametre' a a b 'typu' číslo “.
  • Táto funkcia vráti číselnú hodnotu ako výsledok zadanej aritmetickej operácie, t. j. „a+b“.
  • ' console.log() ” metóda volá “ pridať () 'funkcia odovzdávajúca uvedené hodnoty argumentov ako 'čísla'.

Výkon

tsc main. ts

hlavný uzol. js

Tu výstup úspešne zobrazuje súčet zadaných čísel.

Príklad 3: Typy funkcií v TypeScript a špecifikovanie ich typov

V TypeScript sú funkcie rozdelené do dvoch typov: “ Pomenovaný “ a „ Anonymný “.

Pomenovaná funkcia

' Pomenovaný ” funkcia je deklarovaná svojim krstným názvom. Táto funkcia môže obsahovať typ parametrov funkcie alebo návratový typ. Jeho demo si môžete pozrieť v „Príklade 2“.

Syntax

functionName ( [ args ] ) { }

Anonymná funkcia

' Anonymný ” funkcia je priradená premennej, ktorá ju dynamicky definuje ako výraz v čase spustenia. Funguje rovnako ako jednoduchý/funkčný. Používateľ ju môže zavolať pomocou názvu premennej, v ktorej je priradená na vyvolanie funkcií funkcie.

Syntax

nechať výsledok = funkciu ( [ args ] ) { }

Teraz ukážme diskutovanú funkciu prakticky:

nech myFunc = funkciu ( X : číslo, y : číslo ) : číslo {

vrátiť X * a ;

} ;

konzoly. log ( myFunc ( 10 , 6 ) ) ;

Vo vyššie uvedených riadkoch kódu:

  • Premenná „myFunc“ definuje funkciu s parametrami (s ich typmi) a návratovým typom.
  • Príkaz „return“ vráti násobenie odovzdaných hodnôt.
  • ' console.log() “ metóda volá „anonymnú funkciu“ pomocou jej priradenej premennej „ myFunc ” odovzdaním uvedených hodnôt ako argumentov.

Výkon

tsc main. ts

hlavný uzol. js

Tu výstup vráti hodnotu typu „numeric“, pretože návratový typ funkcie je „číslo“.

Záver

V TypeScript je „ typu ” funkcie odkazuje na parametre funkcie alebo návratovú hodnotu na základe vstavaných dátových typov tak, že funkcia podporuje iba špecifikované hodnoty. Táto príručka stručne vysvetľuje, ako určiť „typ“ funkcie pomocou TypeScript.