Wprowadzenie do TypeScript dla początkujących

TypeScript to potężny superzbiór języka JavaScript, który dodaje do języka statyczne typowanie i inne zaawansowane funkcje. Pomaga programistom wcześnie wyłapywać błędy, pisać czystszy kod i skuteczniej utrzymywać duże bazy kodu. W tym przewodniku przeprowadzimy Cię przez podstawy języka TypeScript i pomożemy Ci zacząć z nim pracować, nawet jeśli jesteś zupełnym nowicjuszem.

Czym jest TypeScript?

TypeScript to język programowania typu open source opracowany przez Microsoft. Opiera się na JavaScript, dodając typy statyczne, które mogą pomóc w identyfikacji błędów w czasie kompilacji, a nie w czasie wykonywania. Ułatwia to pisanie niezawodnego i łatwego w utrzymaniu kodu. Kod TypeScript musi zostać skompilowany do JavaScript, zanim będzie można go uruchomić w przeglądarce lub środowisku Node.js.

Dlaczego warto używać TypeScript?

• Poprawiona jakość kodu i wczesne wykrywanie błędów dzięki typowaniu statycznemu
• Lepsze narzędzia i funkcje automatycznego uzupełniania w nowoczesnych środowiskach IDE
• Zwiększona czytelność i łatwość konserwacji dużych baz kodu
• Obsługuje najnowsze funkcje JavaScript i przyszłe standardy

Jak zainstalować TypeScript

Zanim zaczniesz używać TypeScript, musisz zainstalować go na swoim komputerze. Będziesz potrzebować zainstalowanych Node.js i npm (Node Package Manager). Jeśli ich nie masz, pobierz je ze strony internetowej Node.js.

1. Otwórz terminal lub wiersz poleceń.
2. Uruchom następujące polecenie, aby zainstalować TypeScript globalnie:

npm install -g typescript

To polecenie spowoduje globalną instalację TypeScript w Twoim systemie, dzięki czemu będzie on dostępny z dowolnego folderu.

Tworzenie pierwszego programu TypeScript

Po zainstalowaniu TypeScript możesz utworzyć swój pierwszy plik TypeScript. Wykonaj następujące kroki:

1. Utwórz nowy folder dla swojego projektu i przejdź do niego za pomocą terminala:

mkdir my-first-typescript-app
cd my-first-typescript-app

2. Utwórz nowy plik TypeScript o nazwie app.ts:

echo "console.log('Hello, TypeScript!');" > app.ts

Tworzy prosty plik TypeScript, który rejestruje na konsoli komunikat „Hello, TypeScript!”.

Kompilacja TypeScript do JavaScript

Kod TypeScript nie może być wykonywany bezpośrednio przez przeglądarki lub Node.js; musi być najpierw skompilowany do JavaScript. Możesz skompilować swój plik TypeScript, uruchamiając następujące polecenie w terminalu:

tsc app.ts

To polecenie generuje plik JavaScript o nazwie app.js w tym samym katalogu. Teraz możesz uruchomić skompilowany plik JavaScript za pomocą Node.js:

node app.js

Na konsoli powinien zostać wyświetlony komunikat Hello, TypeScript!.

Zrozumienie podstawowych typów w TypeScript

TypeScript wprowadza kilka podstawowych typów, które pomagają zdefiniować kształt i strukturę danych. Oto kilka typowych typów:

• Liczba: Reprezentuje wartości liczbowe.
• String: reprezentuje wartości tekstowe.
• Boolean: Reprezentuje wartości prawda lub fałsz.
• Tablica: Reprezentuje zbiór wartości tego samego typu.
• Krotka: Reprezentuje tablicę o ustalonej liczbie elementów różnych typów.
• Enum: Reprezentuje zbiór nazwanych stałych.
• Any: Reprezentuje typ dynamiczny, który może przechowywać dowolną wartość.

Przykład: Używanie typów w TypeScript

Przyjrzyjmy się prostemu przykładowi ilustrującemu użycie różnych typów w TypeScript:

let age: number = 30;
let name: string = "John Doe";
let isStudent: boolean = true;
let hobbies: string[] = ["Reading", "Gaming", "Traveling"];
let person: [string, number] = ["Jane", 25];

enum Color {
  Red,
  Green,
  Blue,
}

let favoriteColor: Color = Color.Green;

console.log(age, name, isStudent, hobbies, person, favoriteColor);

W tym przykładzie definiujemy zmienne o określonych typach, takich jak number, string, boolean, array, tuple i enum. Kompilator TypeScript zapewni, że zmiennym zostaną przypisane właściwe typy, zapewniając warstwę bezpieczeństwa, której nie oferuje zwykły JavaScript.

Wniosek

TypeScript to świetny wybór dla programistów, którzy chcą pisać bardziej solidny i łatwy w utrzymaniu kod. Dodając statyczne typy do JavaScript, TypeScript może pomóc Ci wcześnie wychwycić błędy i zapewnić lepsze wsparcie narzędziowe. W tym samouczku poznałeś podstawy języka TypeScript, jak go zainstalować, napisać prosty program i używać niektórych jego podstawowych typów. W miarę jak będziesz poznawać TypeScript, odkryjesz wiele innych zaawansowanych funkcji, które mogą pomóc Ci ulepszyć Twój przepływ pracy programistycznej.