Fiszki TypeScript

Sponsor kategorii

TypeScript to statycznie typowany nadzbiór JavaScript, stworzony przez Andersa Hejlsberga w Microsoft. Jest to język zaprojektowany z myślą o zwiększeniu produktywności i poprawie jakości kodu w dużych aplikacjach. TypeScript charakteryzuje się bogatym systemem typów i zaawansowanymi funkcjami językowymi, umożliwiając wykrywanie błędów na etapie kompilacji i lepsze wsparcie dla narzędzi programistycznych. Język ten oferuje funkcje takie jak interfejsy, typy generyczne i dekoratory, zapewniając programistom narzędzia do tworzenia bardziej czytelnego i łatwiejszego w utrzymaniu kodu. TypeScript wspiera również pełną kompatybilność z JavaScript i stopniową adaptację w istniejących projektach, zachowując przy tym wydajność i umożliwiając łatwe korzystanie z ekosystemu JavaScript.

Nasza aplikacja z fiszkami zawiera starannie dobrane pytania rekrutacyjne z TypeScripta wraz z wyczerpującymi odpowiedziami, które skutecznie przygotują Cię do każdej rozmowy kwalifikacyjnej wymagającej znajomości TypeScript. IT Flashcards to nie tylko narzędzie dla osób szukających pracy - to doskonały sposób na utrwalanie i testowanie swojej wiedzy, niezależnie od Twoich aktualnych planów zawodowych. Regularne korzystanie z aplikacji pomoże Ci być na bieżąco z najnowszymi trendami związanymi z TypeScriptem i utrzymać swoje umiejętności na wysokim poziomie.

Przykładowe fiszki TypeScript z naszej aplikacji

Pobierz naszą aplikację w App Store lub Google Play, aby uzyskać więcej darmowych fiszek lub subskrybuj dostęp do wszystkich fiszek.

Co to jest typ any w TypeScript i kiedy jego używanie jest zalecane?

Typ any w TypeScript jest dynamicznym typem, który może reprezentować dowolny typ danych. Używanie typu any pozwala na unikanie kontroli typów w czasie kompilacji i można go traktować podobnie jak typ dynamiczny w innych językach programowania, takich jak JavaScript.

Oto przykład użycia typu any w TypeScript:

let dynamicValue: any = 100;
dynamicValue = "hello";
dynamicValue = false;

Chociaż użycie typu any jest wygodne, nie jest zalecane, jeśli znamy strukturę danych. Główną zaletą TypeScript nad JavaScript jest to, że TypeScript wprowadza statyczne typowanie, które pomaga w wykrywaniu błędów podczas kompilacji.

Użycie typu any powinno być zatem ograniczone do sytuacji, gdy nie jesteśmy w stanie określić konkretnego typu. Przykładowo, może to być niezbędne podczas pracy z dynamicznymi danymi, takimi jak dane API, które mogą zmieniać strukturę. Uwaga - zbyt częste stosowanie typu any grozi utratą zalet, które daje TypeScript poprzez kontrolę i weryfikację typów.

Wytłumacz, co to jest typ void w kontekście funkcji w TypeScript.

Typ void w TypeScript to specjalny typ zwracany przez funkcje, które nie zwracają wartości. W terminologii JavaScript / TypeScript, funkcje, które nie mają zadeklarowanego typu zwracanego lub nie mają instrukcji return, zwracają undefined. Taki typ funkcji można zadeklarować przy użyciu typu void.

Typ void jest przydatny, gdy chcemy stworzyć funkcję, która ma za zadanie wykonać konkretną czynność, ale nie zwraca wartości. Jest to często stosowane do funkcji mających na celu zmianę stanu aplikacji lub wyświetlenie efektów na ekranie, takich jak reakcje na zdarzenia kliknięcia.

Przykład:

function logMessage(message: string): void {
  console.log(message);
}

Funkcja logMessage przyjmuje jako argument string i wyświetla go w konsoli. Nie zwraca żadnej wartości. Typ void precyzyjnie definiuje, że nie powinna zwracać żadnej wartości. Jeżeli spróbujemy zwrócić jakąś wartość z takiej funkcji, TypeScript zgłosi błąd kompilacji.

Jakie są różnice między interfejsem a typem w TypeScript?

W TypeScript zarówno interfejsy jak i typy mają podobne zastosowania, lecz istnieją różnice między nimi. Poniżej przedstawiam kilka z nich.

1. Możliwość deklarowania typów na wiele sposobów: Typy umożliwiają bardziej rozbudowane deklaracje, na przykład możemy zadeklarować typ jako union, intersection, typ krotek, typy literałów, typy indeksowania, typy mapowane, typy warunkowe itd. Interfejsy takiej swobody nie posiadają.

2. Rozszerzanie i implementacja: Interfejsy można rozszerzać i implementować dla klas, co może ułatwić pisanie kodu. Typy nie oferują takiej funkcjonalności.

3. Scalanie deklaracji: Interfejsy mogą mieć wiele deklaracji w jednym zakresie. Wszystkie deklaracje są scalane do jednego interfejsu. Typy nie mogą być zadeklarowane więcej niż raz.

Przykład scalania interfejsów:

interface User {
  name: string;
}

interface User {
  age: number;
}

// Teraz interfejs User zawiera pola name oraz age

Przykład różnicy w deklerowaniu typu:

type User = {
  name: string;
};

// Kompilator wygeneruje błąd, ponieważ typy nie mogą być zadeklarowane więcej niż raz
type User = {
  age: number;
};

4. Strukturalna zgodność typów: Interfejsów można używać do określania strukturalnej zgodności typów, podczas gdy typy zostały zaprojektowane do obsługi typów złożonych.

Przykłady wykorzystania interfejsów oraz typów:

interface ExampleInterface {
    prop1: string;
}

type ExampleType = {
    prop1: string;
    prop2: number;
} | string | number;

Ale pamiętaj, że wybór między interfejsem a typem zależy w dużej mierze od osi lub sytuacji. Każdy z nich ma swoje plusy i minusy.

W jaki sposób można zdefiniować obiekt z określonymi właściwościami i typami w TypeScript?

W TypeScript możemy zdefiniować obiekt z określonymi właściwościami i typami za pomocą tzw. interface lub type alias. Oba te mechanizmy skupiają się na sprawdzaniu kształtu, który prezentuje dany obiekt. Służą one do opisywania kształtu obiektów. Oto jak to zrobić:

1. Użycie Interface:

interface Person {
    firstName: string;
    lastName: string;
    age: number;
    isEmployed: boolean;
}

let john: Person = {
    firstName: 'John',
    lastName: 'Doe',
    age: 25,
    isEmployed: true
};

2. Użycie Type Alias:

type Car = {
    make: string;
    model: string;
    year: number;
}

let myCar: Car = {
    make: 'Toyota',
    model: 'Corolla',
    year: 2020
};

W obu przypadkach, jeżeli będziemy chcieli przypisać do zmiennej obiekt, który nie zgadza się z zadeklarowanym kształtem (np. brakuje któregoś pola lub jest dodatkowe), otrzymamy błąd kompilacji.