Kategoria: Programowanie

Wzorzec projektowy adapter służy do dostosowania interfejsu jednego obiektu do oczekiwanego interfejsu innych obiektów. Pozwala on na współpracę ze sobą różnych klas o niekompatybilnych interfejsach poprzez dostarczenie pośredniczącego adaptera, który tłumaczy jedno API na drugie. Implementacja wzorca projektowego Adapter w Javascript umożliwia współdziałanie obiektów, które pierwotnie nie były ze sobą zgodne. Poniżej implementacja wzorca projektowego…
Dowiedz się więcej

Fabryka to kreacyjny wzorzec projektowy. Tworzymy interfejs do tworzenia instancji podklas.

Prototyp to kreacyjny wzorzec projektowy. Dzięki prototypowi utworzymy nowe obiekty na podstawie już istniejącego. Prototyp znany jest również jako klon(clone).W przykładzie poniżej znajduje się implementacja metody clone, która tworzy nową instancję klasy Tea:

Dekorator to strukturalny wzorzec projektowy, który umożliwia rozszerzenie lub zmianę zachowań do istniejących klas dynamicznie podczas działania programu. Poniżej przykład użycia dekoratora do rozszerzenia funkcjonalności w klasie Tesla:

Wzorzec Singleton ogranicza ilość instancji klasy do jednej. Dzięki temu wzorcowi możemy zrezygnować ze zmiennych globalnych.

Scriptable Options to ciekawy sposób na obejście braku implementacji niektórych funkcjonalności w Chart.js. Dobrym przykładem może być próba ustawienia innej czcionki pierwszej etykiety na osi X. Taka funkcjonalność nie istnieje, ale można ją dopisać dzięki Scriptable Options:

Dane na wykresie w Chart.js są po prostu tablicą. Stąd aby zmodyfikować dane w najprostszym wykresie jaki udało mi się stworzyć: Wystarczy zmodyfikować tablicę dostępną w obiekcie DataSet:

Chart.js jest prostym w użyciu frameworkiem do rysowania wykresów. Użycie go w aplikacji angularowej jest również proste. Najpierw dodajemy chart.js do package.json: Następnie dodajemy canvas do pliku HTML w komponencie: Teraz wystarczy dodać nowy obiekt w komponencie i ustawić parametry wykresu: Ostatnim krokiem będzie ostylowanie wykresu:  Ta-da!

Aby warunkowo przerwać działanie powyższego timera można użyć takeUntil lub takeWhile. Poniżej przykład zastosowania takeUntil:

Za przykład użycia operatora Spread do usuwania właściwości posłuży obiekt user: Następnie usuwamy imię z obiektu: Wynikiem powyższej operacji są dwie zmienne. Jedna zawiera zmodyfikowany obiekt, a druga usuniętą właściwość: