Kihagyás

Bevezetés a TypeScript-be

A TypeScript egy JavaScript alapú programozási nyelv, amelyet a Microsoft fejlesztett ki. A TypeScript hozzáadja a statikus típusellenőrzést a JavaScript-hez, amely segít a nagyobb és bonyolultabb alkalmazások fejlesztésében. A TypeScript fájlokat .ts kiterjesztéssel látjuk el, és a kódot JavaScript-re kell fordítani a futtatáshoz.

Miért érdemes TypeScript-et használni?

  • Típusbiztonság: A TypeScript típusellenőrzést végez fordítási időben, ami segít a hibák korai felismerésében.
  • Jobb IDE támogatás: A TypeScript nyújt autocompletion-t, típusdefiníciókat és refaktorálási lehetőségeket a fejlesztés során.
  • Modern JavaScript támogatás: A TypeScript támogatja a legújabb JavaScript funkciókat, még akkor is, ha azok nem minden böngészőben támogatottak.

Telepítés

A TypeScript telepítéséhez szükség van Node.js-re. Telepítsd a TypeScript-et globálisan az alábbi paranccsal:

npm install -g typescript

A telepítés után ellenőrizheted a TypeScript verzióját:

tsc --version

TypeScript Alapok

Típusok

A TypeScript egyik legfontosabb jellemzője a típusok használata. Az alapvető típusok közé tartoznak:

  • string: szöveg típusú adatok.
  • number: numerikus típusú adatok.
  • boolean: igaz/hamis értékek.
  • array: tömb típusú adatok.
  • tuple: rögzített típusú és hosszúságú tömb.
  • enum: enumerációs típus, ami egyedi, nevű konstansokat definiál.
  • any: bármilyen típusú adat.

Példa:

let name: string = "John Doe";
let age: number = 30;
let isDeveloper: boolean = true;

let skills: string[] = ["JavaScript", "TypeScript", "React"];
let tupleExample: [string, number] = ["TypeScript", 2024];

enum Color {
    Red,
    Green,
    Blue
}

let c: Color = Color.Green;

let randomValue: any = 10;
randomValue = "Now it's a string";
randomValue = true;

Funkciók

A TypeScript-ben a függvények is típusokkal rendelkeznek. Meghatározhatjuk a függvény paramétereinek és visszatérési értékének típusát.

Példa:

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

let result: number = add(5, 10);

Interfészek

Az interfészek meghatározzák egy objektum szerkezetét. Az interfészek segítenek az objektumok szerkezetének típusellenőrzésében.

Példa:

interface Person {
    name: string;
    age: number;
    profession?: string; // opcionális tulajdonság
}

let person1: Person = {
    name: "Alice",
    age: 25
};

let person2: Person = {
    name: "Bob",
    age: 30,
    profession: "Developer"
};

Osztályok

A TypeScript támogatja az objektumorientált programozás elveit, például az osztályokat és az öröklődést.

Példa:

class Animal {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    move(distance: number): void {
        console.log(`${this.name} moved ${distance} meters.`);
    }
}

class Dog extends Animal {
    bark(): void {
        console.log("Woof! Woof!");
    }
}

let dog = new Dog("Rex");
dog.bark();
dog.move(10);

Generikus típusok

A generikusok lehetővé teszik, hogy típusfüggetlen módon írjunk függvényeket, osztályokat vagy interfészeket.

Példa:

function identity<T>(arg: T): T {
    return arg;
}

let output1 = identity<string>("Hello");
let output2 = identity<number>(42);

TypeScript Fordítás

A .ts fájlokat JavaScript-re kell fordítani, hogy a böngészők és a Node.js is megértsék. Ehhez használd a tsc (TypeScript Compiler) parancsot:

tsc filename.ts

Ez a parancs létrehoz egy .js fájlt, amely futtatható.

További Erőforrások