Jak korzystać z funkcji w TypeScript Podręcznik dla początkujących

Funkcje są podstawowym elementem składowym w TypeScript, tak jak w JavaScript. TypeScript rozszerza funkcje JavaScript o dodatkowe funkcje, takie jak adnotacje typu, które zwiększają przejrzystość kodu i zapobiegają błędom. Ten przewodnik dla początkujących przeprowadzi Cię przez sposób korzystania z funkcji w TypeScript.

Definiowanie funkcji

W TypeScript możesz definiować funkcje tak jak w JavaScript, ale z opcjonalnymi adnotacjami typu określającymi typy parametrów i wartości zwracanych.

Podstawowa definicja funkcji

Oto jak zdefiniować prostą funkcję w TypeScript:

function greet(name: string): string {
  return "Hello, " + name;
}

W tym przykładzie name jest parametrem typu string, a funkcja zwraca wartość typu string.

Parametry funkcji i typy zwracane

TypeScript umożliwia określenie typów parametrów funkcji i wartości zwracanych, co pomaga zapewnić prawidłowe użycie funkcji.

Funkcja z parametrami

Oto funkcja przyjmująca dwa parametry i zwracająca ich sumę:

function add(x: number, y: number): number {
  return x + y;
}

W tej funkcji zarówno x, jak i y są typu liczba, a funkcja zwraca liczba.

Funkcje bez wartości zwracanej

Nie wszystkie funkcje muszą zwracać wartość. Funkcje bez wartości zwracanej są deklarowane z typem zwracanym void. Te funkcje wykonują akcje, ale nie generują wyniku.

Przykład braku wartości zwracanej

function logMessage(message: string): void {
  console.log(message);
}

W tym przykładzie logMessage drukuje message na konsoli, ale nie zwraca żadnej wartości.

Parametry opcjonalne i domyślne

TypeScript obsługuje parametry opcjonalne i domyślne, co pozwala na tworzenie bardziej elastycznych funkcji.

Parametry opcjonalne

Parametry opcjonalne określa się poprzez dodanie ? po nazwie parametru:

function greet(name: string, greeting?: string): string {
  if (greeting) {
    return greeting + ", " + name;
  }
  return "Hello, " + name;
}

W tym przykładzie greeting jest opcjonalnym parametrem, który można pominąć podczas wywołania funkcji.

Parametry domyślne

Parametry domyślne mają wartość domyślną, jeśli nie podano żadnej wartości:

function greet(name: string, greeting: string = "Hello"): string {
  return greeting + ", " + name;
}

Jeżeli nie podano parametru greeting, domyślnie przyjmowana jest wartość "Hello".

Przeciążanie funkcji

TypeScript obsługuje przeciążanie funkcji, co pozwala na zdefiniowanie wielu sygnatur funkcji dla tej samej nazwy funkcji:

function greet(name: string): string;
function greet(name: string, age: number): string;
function greet(name: string, age?: number): string {
  if (age !== undefined) {
    return `Hello, ${name}. You are ${age} years old.`;
  }
  return `Hello, ${name}.`;
}

W tym przykładzie greet można wywołać z jednym lub dwoma parametrami.

Funkcje strzałek

Funkcje strzałkowe zapewniają krótszą składnię zapisu funkcji i nie mają własnego kontekstu this:

const add = (x: number, y: number): number => x + y;

Ten przykład pokazuje, jak zdefiniować funkcję strzałkową, która dodaje dwie liczby.

Wniosek

Funkcje w TypeScript to potężny sposób na hermetyzację i ponowne wykorzystanie kodu. Używając adnotacji typu, opcjonalnych i domyślnych parametrów, przeciążania funkcji i funkcji strzałkowych, możesz pisać bardziej wytrzymały i łatwiejszy w utrzymaniu kod. Zrozumienie tych podstaw pomoże Ci w pełni wykorzystać możliwości TypeScript w Twoich projektach.