March 12, 2025

Wprowadzenie do TypeScript: Podstawy dla Początkujących

TypeScript to język programowania stworzony przez Microsoft, który kompiluje się do JavaScript. Dodaje on typowanie, które pomaga unikać wielu błędów już na etapie pisania kodu. TypeScript jest w pełni zgodny z JavaScript, co oznacza, że możemy stopniowo wprowadzać go do istniejących projektów.

Wprowadzenie do TypeScript: Podstawy dla Początkujących
avatar

rzvbka

@rvabka

Post category Typescript

Co to jest TypeScript?

TypeScript to język programowania stworzony przez Microsoft, który kompiluje się do JavaScript. Dodaje on typowanie, które pomaga unikać wielu błędów już na etapie pisania kodu. TypeScript jest w pełni zgodny z JavaScript, co oznacza, że możemy stopniowo wprowadzać go do istniejących projektów.

Instalacja TypeScript

Aby zacząć pracę z TypeScript, wystarczy zainstalować go globalnie za pomocą npm:

npm install -g typescript

Po instalacji możemy skompilować pliki .ts do .js za pomocą komendy:

tsc nazwaPliku.ts

Podstawowe Typy w TypeScript

TypeScript wprowadza kilka podstawowych typów:

*string – łańcuchy znaków

number – liczby

boolean – wartości logiczne

any – dowolny typ (niezalecane)

void – brak wartości (np. w funkcjach, które nic nie zwracają)

null i undefined – specjalne wartości*

Przykład użycia typów:

let username: string = "Wiktor";
let age: number = 25;
let isActive: boolean = true;

Funkcje z Typami

TypeScript pozwala na określenie typów dla parametrów oraz wartości zwracanych przez funkcje:

function greet(name: string): string {
    return `Cześć, ${name}!`;
}
console.log(greet("Wiktor"));

Interfejsy i Typy

TypeScript pozwala na definiowanie struktur danych za pomocą interfejsów:

interface User {
    name: string;
    age: number;
    isAdmin?: boolean; // opcjonalne pole
}

const user: User = {
    name: "Wiktor",
    age: 25
};

Klasy w TypeScript

TypeScript wspiera obiektowe programowanie z użyciem klas:

class Person {
    name: string;
    age: number;
    
    constructor(name: string, age: number) {
        this.name = name;
        this.age = age;
    }

    introduce(): string {
        return `Cześć, jestem ${this.name} i mam ${this.age} lat.`;
    }
}

const person = new Person("Wiktor", 25);
console.log(person.introduce());

Podsumowanie

TypeScript to potężne narzędzie, które pomaga w organizacji kodu i wykrywaniu błędów jeszcze przed uruchomieniem aplikacji. Dzięki jego statycznemu typowaniu i nowoczesnym funkcjom, programowanie w JavaScript staje się bardziej przewidywalne i bezpieczne. Jeśli jeszcze nie próbowałeś TypeScript, warto zacząć już dziś!