Tag: OOP

Wzorzec Prototypu w JavaScripcie.

Nazwa „prototyp” może brzmieć znajomo dla programistów JavaScriptu. Nic dziwnego, w końcu to mechanizm, na którym opiera się cała struktura obiektowości języka. Ale prototypy nie muszą służyć tylko do wprowadzania do kodu dziedziczenia. Czasem oprócz tego, potrzebna jest też możliwość kopiowania, czy też „klonowania” obiektów.

Dziś przedstawię swoją wariację na temat klasycznego wzorca Prototypu. Implementacja ta będzie znacznie uproszczona względem oryginału, ale warto się z nią zapoznać, aby zrozumieć ogólną ideę wzorca prototypu. Kto wie, może akurat przyda się w waszych JSowych programach.

Wzorzec prototypu w JavaScripcie Czytaj dalej Wzorzec Prototypu w JavaScripcie.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.

Dziś ostatni, trzeci post z serii opisującej wykorzystanie mechanizmu klas w TypeScript. W poprzednich dwóch omówiłem już podstawowe zagadnienia. Nadszedł czas na sedno tematu czyli dziedziczenie.

Ponad to omówię działanie klas i metod abstrakcyjnych, a na koniec pokażę jak wykorzystać interfejsy do sprawnego zarządzania kodem w tworzonych obiektach.

Implementacja klasy w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Trzecia.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Druga.

W ostatnim poście przedstawiłem podstawowy używania klas ze specyfikacji EcmaScript6 wewnątrz kodu TypeScript’owego. Dziś pociągnę temat i pokażę kolejne dwa przydatne mechanizmy.

Pierwszy z nich to tak zwane gettery i settery, czyli specjalne metody służące do manipulowania zawartościom pół w klasie. Drugi mechanizm to modyfikatory dostępu, dzięki którym w łatwy sposób można oznaczyć pole lub metodę jako prywatne lub publiczne.

Programowanie obiektowe w typescript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Druga.

TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Pierwsza.

Kilka postów temu pokazałem jak w TypeScripcie tworzyć własne typy przy użyciu interfejsów i enumeratorów. Teraz czas na to aby stworzyć własny typ przy użyciu klas. Jest to zdecydowanie jeden z najpopularniejszych sposobów na tworzenie typów w TS’ie i chyba jeden z najczęściej używanych mechanizmów w tym języku w ogóle.

Prawda jest taka, że tworzenie klas nie jest cechą unikatową dla TS, a częścią specyfikacji EcmaScript6. Jednak w połączeniu z opcjami, które daje nam TS, klasy stają się naprawdę potężnym narzędziem służącym do tworzenia obiektowego kodu.

Tworzenie klas w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Tworzenie klas w TypeScript. Część Pierwsza.

TypeScript – pierwsze kroki. Proste ćwiczenie.

Najlepszym sposobem na zrozumienie jakiegoś zagadnienia, jest przestudiowanie przykładów je ilustrujących. W kilku ostatnich postach omówiłem podstawy TypeScriptu. Nadszedł czas, żeby wykorzystać tę wiedzę w bardziej praktycznym kontekście.

Dziś postaram się wykonać i opisać proste ćwiczenie programistyczne, przy użyciu TS’a. Chciałbym wykorzystać najważniejsze funkcje języka, które do tej pory opisałem.

TypeScript przykładowy kod Czytaj dalej TypeScript – pierwsze kroki. Proste ćwiczenie.

Wzorzec Mediator w JavaScripcie.

Jakiś czas temu opisałem jak w JavaScripcie stworzyć prostą implementację wzorca Obserwatora. Dziś pokażę trochę podobny wzorzec, mediator.

Tak jak obserwator, mediator pomaga zorganizować połączenia między obiektami. Jednak w przeciwieństwie do obserwatora, który tworzy wśród obiektów relacje „jeden do wielu”, mediator tworzy mechanizm pozwalający obiektom komunikować się na zasadzie „wielu do wielu”.

Wzorzec Mediator w JavaScripcie Czytaj dalej Wzorzec Mediator w JavaScripcie.

TypeScript – pierwsze kroki. Podstawy korzystania z funkcji.

Przedstawiłem już typy danych i pokazałem jak tworzyć własne ich rodzaje. Kolejnym krokiem jest tworzenie typów poprzez klasy. Jednak zanim przejdę do tego tematu, muszę poświecić jeden post opisowi funkcji w TS.

Prawda jest taka, że korzystanie z funkcji w TypeScript to żadna filozofią. Średnio zaawansowana znajomość czystego JSa, wystarczy, żeby bez trudu pojąć o co chodzi. Jednak język ten posiada kilka dodatkowych mechanizmów o których warto widzieć.

korzystanie z funkcji w TypeScript Czytaj dalej TypeScript – pierwsze kroki. Podstawy korzystania z funkcji.

TypeScript – pierwsze kroki. Tworzenie własnych typów danych. Interfejsy i enumeratory.

W ostatnim poście pokazałem jak korzystać z podstawowych typów danych w TypeScript. Omówiłem takie typy jak string, number i boolean. Wspomniałem też o rzadziej używanych any oraz void.

Dziś pokażę jak tworzyć własne typy, w końcu większość programów w JS składa się przede wszystkim z obiektów, które tworzymy sami.

TypeScript własne typy danych Czytaj dalej TypeScript – pierwsze kroki. Tworzenie własnych typów danych. Interfejsy i enumeratory.

Wzorzec Observer w JavaScripcie.

W dzisiejszym poście pokażę jak zaimplementować wzorzec Observer w JavaScripcie. Ten bardzo przydatny mechanizm jest jednym z najczęściej wykorzystywanych wzorców w JS.

Pomimo iż implementacja JSowa, nie może być idealną wersją Observera (brak klas i interfejsów), naprawdę warto znać logikę, która stoi za tym rozwiązaniem. Mogę zagwarantować, że prędzej czy później trafisz na problem, który bardzo łatwo rozwiązać stosując Observera.

Wzorzec Observer w JavaScripcie. Czytaj dalej Wzorzec Observer w JavaScripcie.

TypeScript – pierwsze kroki. Podstawowe typy danych.

W JavaScripcie zdefiniować można sześć typów danych: String, Number, Boolean, Undefined, null oraz Object. Każdy z tych typów danych można bez problemu przypisać do zmiennych. Nic nie stoi na przeszkodzie aby do zmiennej, w której aktualnie znajduje się na przykład łańcuch znaków, przypisać liczbę. Mało tego, obie te wartości możemy też do siebie dodać. Powodem jest to, że JavaScript to język dynamicznego typowania. Dla ludzi, którzy nie znają zarządzających tym wewnętrznych mechanizmów, sytuacja ta może sprawić wiele kłopotów.

W TypeScripcie, sytuacja wygląda inaczej. TypeScript jest językiem statycznie typowanym… W pewnym sensie. Oznacza to, że zmienne przechowują tylko dane określonego zawczasu typu.

TypeScript dla poczatkujacych Czytaj dalej TypeScript – pierwsze kroki. Podstawowe typy danych.