Kom godt i gang med TypeScript for begyndere

TypeScript er et kraftfuldt supersæt af JavaScript, der tilføjer statisk skrivning og andre avancerede funktioner til sproget. Det hjælper udviklere med at fange fejl tidligt, skrive renere kode og vedligeholde store kodebaser mere effektivt. I denne guide vil vi lede dig gennem det grundlæggende i TypeScript og hjælpe dig i gang med det, selvom du er helt nybegynder.

Hvad er TypeScript?

TypeScript er et open source programmeringssprog udviklet af Microsoft. Det bygger på JavaScript ved at tilføje statiske typer, som kan hjælpe med at identificere fejl på kompileringstidspunktet i stedet for runtime. Dette gør det nemmere at skrive pålidelig og vedligeholdelig kode. TypeScript-kode skal kompileres til JavaScript, før den kan køres i en browser eller et Node.js-miljø.

Hvorfor bruge TypeScript?

• Forbedret kodekvalitet og tidlig fejldetektion med statisk indtastning
• Bedre værktøj og autofuldførelsesfunktioner i moderne IDE'er
• Forbedret læsbarhed og vedligeholdelse for store kodebaser
• Understøtter de nyeste JavaScript-funktioner og fremtidige standarder

Sådan installeres TypeScript

Før du kan begynde at bruge TypeScript, skal du installere det på din maskine. Du skal have Node.js og npm (Node Package Manager) installeret. Hvis du ikke har dem installeret, skal du downloade dem fra Node.js-webstedet.

1. Åbn din terminal eller kommandoprompt.
2. Kør følgende kommando for at installere TypeScript globalt:

npm install -g typescript

Denne kommando vil installere TypeScript globalt på dit system, hvilket gør det tilgængeligt fra enhver mappe.

Oprettelse af dit første TypeScript-program

Når du har installeret TypeScript, kan du oprette din første TypeScript-fil. Følg disse trin:

1. Opret en ny mappe til dit projekt, og naviger til den ved hjælp af terminalen:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Opret en ny TypeScript-fil med navnet app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Dette skaber en simpel TypeScript-fil, der logger "Hej, TypeScript!" til konsollen.

Kompilering af TypeScript til JavaScript

TypeScript-kode kan ikke udføres direkte af browsere eller Node.js; det skal først kompileres til JavaScript. Du kan kompilere din TypeScript-fil ved at køre følgende kommando i din terminal:

tsc app.ts

Denne kommando genererer en JavaScript-fil med navnet app.js i samme mappe. Du kan nu køre den kompilerede JavaScript-fil ved hjælp af Node.js:

node app.js

Du bør se Hej, TypeScript! trykt på konsollen.

Forstå grundlæggende typer i TypeScript

TypeScript introducerer flere grundlæggende typer, der hjælper dig med at definere formen og strukturen af ​​dine data. Her er et par almindelige typer:

• Tal: Repræsenterer numeriske værdier.
• String: Repræsenterer tekstværdier.
• Boolean: Repræsenterer sande eller falske værdier.
• Array: Repræsenterer en samling af værdier af samme type.
• Tuple: Repræsenterer en matrix med et fast antal elementer af forskellige typer.
• Enum: Repræsenterer en samling af navngivne konstanter.
• Enhver: Repræsenterer en dynamisk type, der kan indeholde enhver værdi.

Eksempel: Brug af typer i TypeScript

Lad os se på et simpelt eksempel, der demonstrerer brugen af ​​forskellige typer i TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

I dette eksempel definerer vi variable med specifikke typer som tal, streng, boolean, array, tuple og enum. TypeScript-kompileren vil sikre, at variablerne tildeles de korrekte typer, hvilket giver et lag af sikkerhed, som vanilla JavaScript ikke tilbyder.

Konklusion

TypeScript er et godt valg for udviklere, der ønsker at skrive mere robust og vedligeholdelig kode. Ved at tilføje statiske typer til JavaScript kan TypeScript hjælpe dig med at fange fejl tidligt og give bedre værktøjssupport. I denne øvelse lærte du det grundlæggende i TypeScript, hvordan du installerer det, skriver et simpelt program og bruger nogle af dets grundlæggende typer. Mens du fortsætter med at udforske TypeScript, vil du opdage mange flere kraftfulde funktioner, der kan hjælpe med at forbedre din udviklingsarbejdsgang.