Cum să utilizați funcțiile în Ghidul pentru începători TypeScript

Funcțiile sunt un bloc fundamental în TypeScript, așa cum sunt în JavaScript. TypeScript extinde funcțiile JavaScript cu funcții suplimentare, cum ar fi adnotările de tip, care sporesc claritatea codului și previn erorile. Acest ghid pentru începători vă va ghida prin modul de utilizare a funcțiilor în TypeScript.

Definirea Funcțiilor

În TypeScript, puteți defini funcții la fel ca în JavaScript, dar cu adnotări de tip opționale pentru a specifica tipurile de parametri și valorile returnate.

Definiția funcției de bază

Iată cum definiți o funcție simplă în TypeScript:

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

În acest exemplu, nume este un parametru de tip string, iar funcția returnează o valoare de tip string.

Parametrii funcției și tipurile de returnare

TypeScript vă permite să specificați tipurile pentru parametrii funcției și valorile returnate, ajutând să vă asigurați că funcția este utilizată corect.

Funcție cu parametri

Iată o funcție care ia doi parametri și returnează suma lor:

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

În această funcție, atât x cât și y sunt de tip număr, iar funcția returnează un număr.

Funcții fără valoare de returnare

Nu toate funcțiile trebuie să returneze o valoare. Funcțiile fără valoare returnată sunt declarate cu un tip de returnare void. Aceste funcții efectuează acțiuni, dar nu produc un rezultat.

Exemplu de valoare fără returnare

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

În acest exemplu, logMessage tipărește message pe consolă, dar nu returnează nicio valoare.

Parametri opționali și impliciti

TypeScript acceptă parametrii opționali și impliciti, permițându-vă să creați funcții mai flexibile.

Parametri opționali

Parametrii opționali sunt specificați prin adăugarea unui ? după numele parametrului:

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

În acest exemplu, greeting este un parametru opțional care poate fi omis la apelarea funcției.

Parametrii impliciti

Parametrii impliciti au o valoare implicită dacă nu este furnizată nicio valoare:

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

Dacă nu este furnizat felicitare, va fi implicit "Hello".

Supraîncărcarea funcției

TypeScript acceptă supraîncărcarea funcțiilor, permițându-vă să definiți mai multe semnături de funcție pentru același nume de funcție:

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}.`;
}

În acest exemplu, greet poate fi apelat cu unul sau doi parametri.

Funcții săgeți

Funcțiile săgeată oferă o sintaxă mai scurtă pentru scrierea funcțiilor și nu au propriul context this:

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

Acest exemplu arată cum se definește o funcție săgeată care adaugă două numere.

Concluzie

Funcțiile din TypeScript sunt o modalitate puternică de încapsulare și reutilizare a codului. Folosind adnotări de tip, parametri opționali și impliciti, supraîncărcare a funcției și funcții săgeți, puteți scrie cod mai robust și mai ușor de întreținut. Înțelegerea acestor elemente de bază vă va ajuta să profitați din plin de capacitățile TypeScript în proiectele dvs.