Komme i gang med TypeScript for nybegynnere

TypeScript er et kraftig supersett av JavaScript som legger til statisk skriving og andre avanserte funksjoner til språket. Det hjelper utviklere å fange opp feil tidlig, skrive renere kode og vedlikeholde store kodebaser mer effektivt. I denne guiden vil vi lede deg gjennom det grunnleggende om TypeScript og hjelpe deg med å komme i gang med det, selv om du er helt nybegynner.

Hva er TypeScript?

TypeScript er et åpen kildekode-programmeringsspråk utviklet av Microsoft. Den bygger på JavaScript ved å legge til statiske typer, som kan hjelpe med å identifisere feil ved kompilering i stedet for kjøretid. Dette gjør det lettere å skrive pålitelig og vedlikeholdbar kode. TypeScript-kode må kompileres til JavaScript før den kan kjøres i en nettleser eller et Node.js-miljø.

Hvorfor bruke TypeScript?

• Forbedret kodekvalitet og tidlig feildeteksjon med statisk skriving
• Bedre verktøy og autofullføringsfunksjoner i moderne IDE-er
• Forbedret lesbarhet og vedlikeholdsvennlighet for store kodebaser
• Støtter de nyeste JavaScript-funksjonene og fremtidige standarder

Hvordan installere TypeScript

Før du kan begynne å bruke TypeScript, må du installere det på maskinen din. Du trenger Node.js og npm (Node Package Manager) installert. Hvis du ikke har dem installert, last dem ned fra Node.js-nettstedet.

1. Åpne terminalen eller ledeteksten.
2. Kjør følgende kommando for å installere TypeScript globalt:

npm install -g typescript

Denne kommandoen vil installere TypeScript globalt på systemet ditt, noe som gjør det tilgjengelig fra hvilken som helst mappe.

Opprette ditt første TypeScript-program

Når du har installert TypeScript, kan du lage din første TypeScript-fil. Følg disse trinnene:

1. Opprett en ny mappe for prosjektet ditt og naviger til den ved hjelp av terminalen:

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

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

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

Dette lager en enkel TypeScript-fil som logger "Hei, TypeScript!" til konsollen.

Kompilere TypeScript til JavaScript

TypeScript-kode kan ikke kjøres direkte av nettlesere eller Node.js; den må først kompileres til JavaScript. Du kan kompilere TypeScript-filen din ved å kjøre følgende kommando i terminalen din:

tsc app.ts

Denne kommandoen genererer en JavaScript-fil med navnet app.js i samme katalog. Du kan nå kjøre den kompilerte JavaScript-filen ved å bruke Node.js:

node app.js

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

Forstå grunnleggende typer i TypeScript

TypeScript introduserer flere grunnleggende typer som hjelper deg med å definere formen og strukturen til dataene dine. Her er noen vanlige typer:

• Tall: Representerer numeriske verdier.
• String: Representerer tekstverdier.
• Boolean: Representerer sanne eller usanne verdier.
• Array: Representerer en samling verdier av samme type.
• Tuple: Representerer en matrise med et fast antall elementer av forskjellige typer.
• Enum: Representerer en samling av navngitte konstanter.
• Any: Representerer en dynamisk type som kan inneholde hvilken som helst verdi.

Eksempel: Bruke typer i TypeScript

La oss se på et enkelt eksempel som viser bruken av forskjellige 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 eksemplet definerer vi variabler med spesifikke typer som nummer, streng, boolsk, array, tuppel, og enum. TypeScript-kompilatoren vil sørge for at variablene blir tildelt de riktige typene, og gir et lag med sikkerhet som vanilla JavaScript ikke tilbyr.

Konklusjon

TypeScript er et godt valg for utviklere som ønsker å skrive mer robust og vedlikeholdbar kode. Ved å legge til statiske typer i JavaScript, kan TypeScript hjelpe deg med å fange opp feil tidlig og gi bedre verktøystøtte. I denne opplæringen lærte du det grunnleggende om TypeScript, hvordan du installerer det, skriver et enkelt program og bruker noen av de grunnleggende typene. Når du fortsetter å utforske TypeScript, vil du oppdage mange flere kraftige funksjoner som kan bidra til å forbedre utviklingsarbeidsflyten din.