Funkcje z typami — TypeScript

Typujesz zarówno argumenty, jak i zwracaną wartość funkcji.

Jak to działa?

Adnotacja po liście argumentów określa typ wyniku. Dla funkcji, która nic nie zwraca, używa się void.

Przykład 1 — poznaj zapis

function add(a: number, b: number): number {
  return a + b;
}

const result = add(2, 5);

Funkcja przyjmuje dwie liczby i zwraca liczbę.

Przeczytaj kod linijka po linijce

function add(a: number, b: number): number {Definiujemy funkcję lub metodę, której można użyć później.
return a + b;Zwracamy wyliczoną wartość do miejsca wywołania funkcji.
const result = add(2, 5);Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Brak tekstu w konsoli. Zmienna result otrzymuje wartość 7.

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

function double(n: number): number { return n * 2; }
console.log(double(5));

Wynik drugiego przykładupo uruchomieniu przykładu

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Napisz funkcję greet(name: string): string.