W tym przewodniku wyjaśniono, w jaki sposób można określić typ funkcji w języku TypeScript.
Jak określić „Typ” funkcji w TypeScript?
„ typ ” słowo kluczowe odpowiada typowi parametrów/argumentów funkcji lub jej wartości zwracanej. Po ustawieniu typu za pomocą parametrów użytkownik nie może dodać do niego żadnego innego typu wartości.
Zacznijmy od pierwszego przykładu.
Przykład 1: Określ typ zwracany przez funkcję
Ten pierwszy przykład określa zwracany typ danej funkcji, który ogranicza tę funkcję do zwracania tylko wartości określonego zwracanego typu.
Kod
Użyj tych linii kodu w pliku z rozszerzeniem „.ts”:
funkcjonować Czas ( ) : numer {
powrót nowy Data ( ) . uzyskać czas ( ) ;
}
konsola. dziennik ( Czas ( ) ) ;
W powyższych liniach kodu:
- „ Czas() ” funkcja określa „ numer ” typ danych jako typ zwracany przez tę funkcję.
- Ta instrukcja „zwrotu” wykorzystuje „ data ” obiekt powiązany z „ uzyskać czas() ”, aby zwrócić datę i godzinę w milisekundach jako „liczbę”.
- Na koniec wywołaj zdefiniowaną funkcję.
Wyjście
Skompiluj plik „.ts” za pomocą kompilatora „tsc”, a następnie uruchom skompilowany plik „.js”:
tsc główny. ts //Skompilowaćwęzeł główny. js //Uruchomić
Jak widać, funkcja „Time()” pobiera określoną wartość liczbową, ponieważ jej typem zwracanym jest „liczba”.
Przykład 2: Określ typy parametrów funkcji
Ten przykład określa typ parametrów funkcji, aby ograniczyć je do nieakceptowania wartości innego typu danych:
dodaj funkcję ( A : numer, b : numer ) : numer{
powrót A + B ;
}
konsola. dziennik ( „Suma wynosi:” + dodać ( 10 , 20 ) ) ;
W tym kodzie:
- „ dodać() ” funkcja przyjmuje dwa parametry „ A I B „typu” numer ”.
- Ta funkcja zwraca wartość liczbową jako wynik określonej operacji arytmetycznej, np. „a+b”.
- „ log.konsoli() ” metoda wywołuje „ dodać() ” funkcja przekazująca podane wartości argumentów jako „liczby”.
Wyjście
tsc główny. tswęzeł główny. js
Tutaj dane wyjściowe pomyślnie pokazują sumę określonych liczb.
Przykład 3: Typy funkcji w TypeScript i określanie ich typów
W TypeScript funkcje dzielą się na dwa typy: „ O imieniu ' I ' Anonimowy ”.
Nazwana funkcja
„ O imieniu ” jest zadeklarowana pod swoją nazwą. Ta funkcja może zawierać typ parametrów funkcji lub typ zwracany. Jego demo można obejrzeć w „Przykładzie 2”.
Składnia
nazwa funkcji ( [ argumenty ] ) { }Funkcja anonimowa
„ Anonimowy ” jest przypisana do zmiennej, która definiuje ją dynamicznie jako wyrażenie w czasie wykonywania. Działa tak samo jak funkcja simple/. Użytkownik może ją wywołać używając nazwy zmiennej, w której jest przypisana do wywołania funkcjonalności funkcji.
Składnia
niech skutkuje = funkcjonować ( [ argumenty ] ) { }Teraz zademonstrujmy praktycznie omawianą funkcję:
niech mojaFunc = funkcjonować ( X : liczba, j : numer ) : numer {powrót X * I ;
} ;
konsola. dziennik ( mojaFunc ( 10 , 6 ) ) ;
W powyższych liniach kodu:
- Zmienna „myFunc” definiuje funkcję posiadającą parametry (wraz z ich typami) oraz zwracany typ.
- Instrukcja „return” zwraca mnożenie przekazanych wartości.
- „ log.konsoli() ” wywołuje „funkcję anonimową” za pomocą przypisanej jej zmiennej „ mojaFunc ” przekazując podane wartości jako argumenty.
Wyjście
tsc główny. tswęzeł główny. js
Tutaj dane wyjściowe zwracają wartość typu „liczbowego”, ponieważ typem zwracanym przez funkcję jest „liczba”.
Wniosek
W TypeScript „ typ ” funkcji odnosi się do parametrów funkcji lub wartości zwracanej na podstawie wbudowanych typów danych, tak że funkcja obsługuje tylko określone wartości. W tym przewodniku pokrótce wyjaśniono, jak określić „typ” funkcji za pomocą języka TypeScript.