Slik bruker du funksjoner i TypeScript Nybegynnerveiledning

Funksjoner er en grunnleggende byggestein i TypeScript, slik de er i JavaScript. TypeScript utvider JavaScript-funksjoner med tilleggsfunksjoner som typekommentarer, som forbedrer kodeklarheten og forhindrer feil. Denne nybegynnerguiden vil lede deg gjennom hvordan du bruker funksjoner i TypeScript.

Definere funksjoner

I TypeScript kan du definere funksjoner akkurat som i JavaScript, men med valgfrie typemerknader for å spesifisere typene parametere og returverdier.

Grunnleggende funksjonsdefinisjon

Slik definerer du en enkel funksjon i TypeScript:

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

I dette eksemplet er navn en parameter av typen streng, og funksjonen returnerer en verdi av typen streng.

Funksjonsparametre og returtyper

TypeScript lar deg spesifisere typene for funksjonsparametere og returverdier, noe som bidrar til å sikre at funksjonen brukes riktig.

Funksjon med parametere

Her er en funksjon som tar to parametere og returnerer summen deres:

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

I denne funksjonen er både x og y av typen tall, og funksjonen returnerer et tall.

Funksjoner uten returverdi

Ikke alle funksjoner trenger å returnere en verdi. Funksjoner uten returverdi er deklarert med returtypen void. Disse funksjonene utfører handlinger, men gir ikke et resultat.

Eksempel på ingen returverdi

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

I dette eksemplet skriver logMessage ut meldingen til konsollen, men returnerer ingen verdi.

Valgfrie og standardparametre

TypeScript støtter valgfrie og standardparametre, slik at du kan lage mer fleksible funksjoner.

Valgfrie parametere

Valgfrie parametere spesifiseres ved å legge til en ? etter parameternavnet:

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

I dette eksemplet er hilsen en valgfri parameter som kan utelates når funksjonen kalles opp.

Standard parametere

Standardparametere har en standardverdi hvis ingen verdi er oppgitt:

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

Hvis hilsen ikke er levert, er den standard til "Hello".

Funksjon Overbelastning

TypeScript støtter funksjonsoverbelastning, slik at du kan definere flere funksjonssignaturer for samme funksjonsnavn:

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

I dette eksemplet kan greet kalles med enten én eller to parametere.

Pilfunksjoner

Pilfunksjoner gir en kortere syntaks for å skrive funksjoner og har ikke sin egen this-kontekst:

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

Dette eksemplet viser hvordan du definerer en pilfunksjon som legger til to tall.

Konklusjon

Funksjoner i TypeScript er en kraftig måte å innkapsle og gjenbruke kode. Ved å bruke typekommentarer, valgfrie og standardparametre, funksjonsoverbelastning og pilfunksjoner, kan du skrive mer robust og vedlikeholdbar kode. Å forstå dette grunnleggende vil hjelpe deg å dra full nytte av TypeScripts muligheter i prosjektene dine.