Wprowadzenie — TypeScript

TypeScript rozszerza JavaScript o statyczne typowanie.

Jak to działa?

Pliki .ts są sprawdzane przez kompilator TypeScript, a następnie zamieniane na JavaScript. Przeglądarka nie uruchamia typowego kodu TS bezpośrednio.

Typy pomagają wykrywać błędy przed uruchomieniem aplikacji.

Przykład 1 — poznaj zapis

const name: string = "Ola";
const age: number = 28;

console.log(`${name} ma ${age} lat`);

Adnotacje : string i : number opisują oczekiwane typy.

Przeczytaj kod linijka po linijce

const name: string = "Ola";Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
const age: number = 28;Tworzymy lub aktualizujemy zmienną, pole albo przypisanie.
console.log(`${name} ma ${age} lat`);Wyświetlamy wartość, aby sprawdzić efekt działania programu.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Ola ma 28 lat

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

const text: string = "TypeScript";
console.log(text.length);

Wynik drugiego przykładupo uruchomieniu przykładu

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Zadeklaruj zmienną isActive typu boolean.