TypeScript:
Organisera kod i funktioner

Hur man gör:

Föreställ dig att du gör en grundläggande kalkylator. Istället för att skriva logiken för addition överallt där du behöver det, skapa en add-funktion:

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

console.log(add(5, 7)); // Exempelutskrift: 12

Nu, låt oss säga att vi behöver en funktion för att multiplicera:

function multiply(x: number, y: number): number {
  return x * y;
}

console.log(multiply(3, 4)); // Exempelutskrift: 12

Märker du hur vi fokuserar på en uppgift per funktion? Det är kärnan i att organisera kod.

Djupdykning

Historiskt sett, när programmeringsspråk utvecklades, blev funktioner viktiga för att strukturera kod, inspirerade av matematiska funktioner. De är en hörnsten i proceduriell programmering och lever kvar inom objektorienterad och funktionell programmeringsparadigm.

Alternativ? Du kan helt enkelt välja att inte använda funktioner, men det är en enkelbiljett till Spaghettistaden. Eller så kan du gå över till OOP (Objekt-Oriented Programming) och packa funktionalitet i metoder—som i grund och botten är funktioner som tillhör objekt.

När det gäller implementering insisterar TypeScript på typer. Att definiera in- och utdatatyper för funktioner är inte bara god ton; det är ett måste för ren TypeScript-kod. Plus, med TypeScript får du finesser som överlagringar, generics och valfria parametrar för att superladda dina funktioner.

Se också

Kolla in dessa resurser för att nivåera upp ditt funktionsspel:

• TypeScript Handbook – Funktioner: Din bibel för TypeScript-funktioner.
• Clean Code JavaScript: Tillämpa Clean Code-principer på dina JavaScript-funktioner.
• You Don’t Know JS – Scope & Closures: Få grepp om hur funktioner arbetar med scope och closures i JavaScript.