TypScript Basics Variabler och typer förenklade

TypeScript förbättrar JavaScript genom att lägga till statiska typer, som hjälper till att fånga upp fel tidigt och förbättra kodkvaliteten. Den här artikeln kommer att förenkla grunderna för TypeScript-variabler och typer, vilket ger en tydlig förståelse för nybörjare.

Förstå variabler i TypeScript

I TypeScript deklareras variabler på samma sätt som JavaScript men med den extra fördelen av typkommentarer. Detta låter dig specificera vilken typ av data en variabel ska innehålla.

Deklarera variabler

Du kan deklarera variabler med let, const och var. Men let och const rekommenderas för sina block-scoping-funktioner.

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

Grundläggande typer i TypeScript

TypeScript tillhandahåller flera grundläggande typer för att definiera vilken typ av data en variabel kan innehålla:

  • Tal: Representerar numeriska värden, inklusive heltal och flyttal.
  • Sträng: Representerar textdata.
  • Boolean: Representerar sanna eller falska värden.
  • Array: Representerar en samling värden av en specifik typ.
  • Objekt: Representerar en samling nyckel-värdepar.

Nummer Exempel

let count: number = 100;

Strängexempel

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

booleskt exempel

let isActive: boolean = true;

Exempel på matris

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

Objekt Exempel

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

Skriv inferens

TypeScript kan automatiskt härleda typen av en variabel baserat på dess initiala värde. Det betyder att du inte alltid behöver ange typen explicit, även om det kan göra din kod tydligare.

Typ inferensexempel

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

Skriv anteckningar

Typkommentarer låter dig uttryckligen definiera typen av en variabel. Detta hjälper till att säkerställa att värden som tilldelats variabler överensstämmer med den förväntade typen.

Typ anteckningsexempel

let isLoggedIn: boolean = false;

Slutsats

Att förstå variabler och typer är grundläggande för att använda TypeScript effektivt. Genom att utnyttja TypeScripts typsystem kan du skriva mer tillförlitlig och underhållbar kod. Börja med grundläggande typer, utforska typinferens och använd typkommentarer för att säkerställa att din kod följer förväntade datastrukturer.

Med dessa grunder är du på väg att bemästra TypeScript och utnyttja dess fulla potential för att bygga robusta applikationer.