TypeScript Basics Variabler og typer forenklet

TypeScript forbedrer JavaScript ved at tilføje statiske typer, som hjælper med at fange fejl tidligt og forbedre kodekvaliteten. Denne artikel vil forenkle det grundlæggende i TypeScript-variabler og -typer, hvilket giver en klar forståelse for begyndere.

Forstå variabler i TypeScript

I TypeScript erklæres variabler på samme måde som JavaScript, men med den ekstra fordel af typeannoteringer. Dette giver dig mulighed for at specificere, hvilken slags data en variabel skal indeholde.

Erklæring af variabler

Du kan erklære variabler ved at bruge let, const og var. Dog anbefales let og const for deres blok-omfangende funktioner.

let age: number = 25;
const name: string = "Alice";

Grundlæggende typer i TypeScript

TypeScript giver flere grundlæggende typer til at definere, hvilken type data en variabel kan indeholde:

  • Tal: Repræsenterer numeriske værdier, inklusive heltal og flydende kommatal.
  • String: Repræsenterer tekstdata.
  • Boolean: Repræsenterer sande eller falske værdier.
  • Array: Repræsenterer en samling af værdier af en bestemt type.
  • Objekt: Repræsenterer en samling af nøgleværdi-par.

Nummereksempel

let count: number = 100;

Eksempel på streng

let greeting: string = "Hello, World!";

boolesk eksempel

let isActive: boolean = true;

Eksempel på matrix

let scores: number[] = [90, 80, 70];

Objekt Eksempel

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

Skriv inferens

TypeScript kan automatisk udlede typen af ​​en variabel baseret på dens startværdi. Det betyder, at du ikke altid behøver at angive typen eksplicit, selvom det kan gøre din kode klarere.

Type slutningseksempel

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

Skriv anmærkninger

Typeannoteringer giver dig mulighed for eksplicit at definere typen af ​​en variabel. Dette hjælper med at sikre, at værdier, der er tildelt variabler, stemmer overens med den forventede type.

Type annotationseksempel

let isLoggedIn: boolean = false;

Konklusion

At forstå variabler og typer er grundlæggende for at bruge TypeScript effektivt. Ved at udnytte TypeScripts typesystem kan du skrive mere pålidelig og vedligeholdelig kode. Begynd med grundlæggende typer, udforsk typeinferens, og brug typeannoteringer for at sikre, at din kode overholder de forventede datastrukturer.

Med disse grundlæggende funktioner er du på vej til at mestre TypeScript og udnytte dets fulde potentiale til at bygge robuste applikationer.