Hur man använder funktioner i TypeScript Nybörjarguide

Funktioner är en grundläggande byggsten i TypeScript, precis som de är i JavaScript. TypeScript utökar JavaScript-funktioner med ytterligare funktioner som typkommentarer, som förbättrar kodens tydlighet och förhindrar fel. Den här nybörjarguiden går igenom hur du använder funktioner i TypeScript.

Definiera funktioner

I TypeScript kan du definiera funktioner precis som i JavaScript men med valfria typkommentarer för att specificera typerna av parametrar och returvärden.

Grundläggande funktionsdefinition

Så här definierar du en enkel funktion i TypeScript:

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

I det här exemplet är namn en parameter av typen sträng, och funktionen returnerar ett värde av typen sträng.

Funktionsparametrar och returtyper

TypeScript låter dig specificera typerna för funktionsparametrar och returvärden, vilket hjälper till att säkerställa att funktionen används korrekt.

Funktion med parametrar

Här är en funktion som tar två parametrar och returnerar deras summa:

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

I den här funktionen är både x och y av typen tal, och funktionen returnerar ett tal.

Funktioner utan returvärde

Alla funktioner behöver inte returnera ett värde. Funktioner utan returvärde deklareras med returtypen void. Dessa funktioner utför åtgärder men ger inget resultat.

Exempel på inget returvärde

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

I det här exemplet skriver logMessage ut meddelandet till konsolen men returnerar inget värde.

Valfria och standardparametrar

TypeScript stöder valfria parametrar och standardparametrar, vilket gör att du kan skapa mer flexibla funktioner.

Valfria parametrar

Valfria parametrar anges genom att lägga till en ? efter parameternamnet:

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

I det här exemplet är hälsning en valfri parameter som kan utelämnas när funktionen anropas.

Standardparametrar

Standardparametrar har ett standardvärde om inget värde anges:

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

Om hälsning inte tillhandahålls, är den som standard "Hello".

Funktion Överbelastning

TypeScript stöder funktionsöverbelastning, vilket gör att du kan definiera flera funktionssignaturer för samma funktionsnamn:

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 det här exemplet kan greet anropas med antingen en eller två parametrar.

Pilfunktioner

Pilfunktioner ger en kortare syntax för att skriva funktioner och har inte sin egen denna-kontext:

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

Det här exemplet visar hur man definierar en pilfunktion som lägger till två siffror.

Slutsats

Funktioner i TypeScript är ett kraftfullt sätt att kapsla in och återanvända kod. Genom att använda typkommentarer, valfria och standardparametrar, funktionsöverbelastning och pilfunktioner kan du skriva mer robust och underhållbar kod. Att förstå dessa grunder hjälper dig att dra full nytta av TypeScripts funktioner i dina projekt.