0Pricing
TypeScript Academy · Lekcja

Co TypeScript dodaje do JavaScriptu

Proszę poznać sposób, w jaki TypeScript rozszerza JavaScript o typy statyczne.

Co TypeScript dodaje do JavaScriptu to bezpłatna lekcja TypeScript Academy na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej TypeScript Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Witamy

TypeScript jest nadzbiorem JavaScript, który dodaje statyczne adnotacje typów. W tej lekcji dowiedzą się Państwo dokładnie, co TypeScript wnosi w porównaniu ze zwykłym JavaScript.

TypeScript jest nadzbiorem

Każdy poprawny plik JavaScript jest również poprawnym plikiem TypeScript. Plik .js można zmienić na .ts, a następnie skompilować. TypeScript tylko dodaje funkcje — nigdy nie usuwa składni JavaScript.

Adnotacje typów

Najbardziej widocznym dodatkiem są adnotacje typów. Typ zmiennej, parametru lub wartości zwracanej deklaruje się po dwukropku.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

Sprawdzanie typów w czasie kompilacji

TypeScript sprawdza typy przed uruchomieniem kodu. Jeśli zostanie przypisany nieprawidłowy typ, kompilator zgłosi błąd — a nie awarię w czasie wykonywania.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

Interfejsy i aliasy typów

TypeScript dodaje interfejsy i aliasy typów do opisywania kształtów obiektów. Istnieją one tylko w czasie kompilacji — nie generują żadnego kodu JavaScript.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

Wyliczenia

Wyliczenia pozwalają definiować zestaw nazwanych stałych. W przeciwieństwie do interfejsów wyliczenia generują kod JavaScript.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

Typy generyczne

Typy generyczne pozwalają pisać kod działający z dowolnym typem, a jednocześnie bezpieczny pod względem typów. Są ważną funkcją TypeScript przy tworzeniu narzędzi wielokrotnego użytku.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

Modyfikatory dostępu w klasach

TypeScript dodaje do klas modyfikatory public, private i protected. JavaScript ma składnię # służącą do oznaczania elementów prywatnych, ale modyfikatory TypeScript są sprawdzane w czasie kompilacji.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

Typy nieprzyjmujące null

Po włączeniu strictNullChecks wartości null i undefined nie są automatycznie przypisywane do każdego typu. Należy jawnie na nie zezwolić za pomocą typów unii.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript usuwa typy w czasie wykonywania

Wszystkie adnotacje typów TypeScript są usuwane podczas kompilacji. Wynikiem jest zwykły JavaScript — w czasie wykonywania nie ma informacji o typach.

Lepsze narzędzia IDE

Dzięki informacjom o typach IDE mogą oferować dokładne autouzupełnianie, dokumentację w tekście, bezpieczną zmianę nazw oraz wyszukiwanie wszystkich odwołań w całym projekcie.

Szybkie sprawdzenie

Co dzieje się z adnotacjami typów TypeScript podczas kompilacji kodu?

Podsumowanie

TypeScript rozszerza JavaScript o adnotacje typów, interfejsy, wyliczenia, typy generyczne i modyfikatory dostępu. Wszystkie informacje o typach są usuwane w czasie kompilacji. Wynikiem jest bezpieczniejszy JavaScript, który lepiej współpracuje z narzędziami.

Często zadawane pytania

Czy lekcja „Co TypeScript dodaje do JavaScriptu” jest bezpłatna?

Tak — pełny tekst „Co TypeScript dodaje do JavaScriptu” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu TypeScript Academy, przejdź na CoddyKit PRO. Kurs TypeScript Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Co TypeScript dodaje do JavaScriptu”?

Proszę poznać sposób, w jaki TypeScript rozszerza JavaScript o typy statyczne. Ćwiczysz TypeScript Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć TypeScript Academy?

Nie wymagamy żadnego doświadczenia. TypeScript Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Co TypeScript dodaje do JavaScriptu”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji TypeScript Academy?

Tak. Każda lekcja TypeScript Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Problematyczne aspekty JavaScriptu: błędy czasu wykonywania
  2. Co TypeScript dodaje do JavaScriptu
  3. Kompilowanie TypeScriptu do JavaScriptu
  4. Kiedy używać TypeScriptu w projektach
← Powrót do TypeScript Academy