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:

npx 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:

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

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

enum Color {
    Red,
    Green,
    Blue
}

const 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:

const add = (x: number, y: number): number => {
    return x + y;
}

const 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
}

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

const 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!");
    }
}

const 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;
}

const output1 = identity<string>("Hello");
const 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:

npx tsc filename.ts

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

További Erőforrások