Skip to content

Instantly share code, notes, and snippets.

@DmitriiNazimov
DmitriiNazimov / pattern-state.js
Last active April 25, 2024 15:24
[JS ES6 Паттерн СОСТОЯНИЕ (state)] #Паттерны #ООП #ES6 #js
/**
*
* ПАТТЕРН СОСТОЯНИЕ (state)
*
* Паттерн Состояние управляет изменением поведения объекта при изменении его внутреннего состояния.
* Внешне это выглядит так, словно объект меняет свой класс.
*
* Основная идея в том, что программа может находиться в одном из нескольких состояний, которые всё время сменяют друг
* друга. Набор этих состояний, а также переходов между ними, предопределён и конечен. Находясь в разных состояниях,
* программа может по-разному реагировать на одни и те же события, которые происходят с ней.
@DmitriiNazimov
DmitriiNazimov / pattern-composite.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн КОМПОНОВЩИК (composite)] #Паттерны #ООП #ES6 #js
/**
*
* ПАТТЕРН КОМПОНОВЩИК (composite)
*
* Шаблон Компоновщик позволяет единообразно обрабатывать отдельные объекты и их группы. Он работает с иерархией «часть-целое».
* Паттерн Компоновщик позволяет создавать древовидные структуры, узлами которых являются как комбинации, так и
* отдельные объекты.
* ВАЖНО: в такой структуре одни и те же операции могут применяться и к комбинациям, и к отдельным объектам.
*
@DmitriiNazimov
DmitriiNazimov / pattern-iterator.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн ИТЕРАТОР (iterator)] #Паттерны #ООП #js #ES6
/**
*
* ПАТТЕРН ИТЕРАТОР
*
Iterator — поведенческий шаблон проектирования. Представляет собой объект, позволяющий получить последовательный
доступ к элементам объекта-агрегата без использования описаний каждого из агрегированных объектов.
Например, такие элементы как дерево, связанный список, хеш-таблица и массив могут быть пролистаны (и модифицированы)
с помощью объекта Итератор.
@DmitriiNazimov
DmitriiNazimov / pattern-template-method.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн ШАБЛОННЫЙ МЕТОД (template method)] #js #ES6 #Паттерны #ООП
/**
*
* ПАТТЕРН ШАБЛОННЫЙ МЕТОД
*
Задает «скелет» алгоритма в методе, оставляя определение реализации некоторых шагов субклассам.
Субклассы могут переопределять некоторые части алгоритма без изменения его структуры.
Методы внутри шаблонного метода могут быть пустыми, выдавать ошибку если не описаны в субклассе или иметь реализацию по умолчанию.
Применение:
1. Когда подклассы должны расширять базовый алгоритм, не меняя его структуры.
2. Когда у вас есть несколько классов, делающих одно и то же с незначительными отличиями. Если вы редактируете один
@DmitriiNazimov
DmitriiNazimov / pattern-facade.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн ФАСАД (facade)] #js #ES6 #Паттерны #ООП
/**
*
* ПАТТЕРН ФАСАД
*
Предоставляет унифицированный интерфейс к группе интерфейсов подсистемы. Фасад определяет высокоуровневый интерфейс, упрощающий работу с подсистемой.
Превращает сложный интерфейс с множеством методов в простой интерфейс с минимум методов.
В данном случае интерфейс фасада компьюетра будет иметь всего 2 метода - вкл/выкл, при том что под капотом выполняется
12 методов.
Таким образом отделяется код клиента от кода реализации.
@DmitriiNazimov
DmitriiNazimov / pattern-adapter.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн АДАПТЕР (adapter)] #ES6 #js #Паттерны #ООП
/**
*
* ПАТТЕРН АДАПТЕР
*
Обеспечивает совместимость классов с разными интерфейсами, т.е. выполняет роль переводчика.
В итоге клиент (тот кто вызывает методы) через адаптер может работать с разными классами с разными интерфейсами, даже не подозревая об этом,
хотя умеет пользоваться только одним интерфейсом.
*/
@DmitriiNazimov
DmitriiNazimov / pattern-command.js
Last active May 1, 2024 15:44
[JS ES6 Паттерн КОМАНДА (command)] #js #ES6 #Паттерны #ООП
/**
*
* ПАТТЕРН КОМАНДА
*
Смысл: отделить объект-источник запроса от объекта, принимающего и выполняющего эти запросы.
Паттерн КОМАНДА — это поведенческий паттерн проектирования, который превращает запросы в объекты, позволяя передавать
их как аргументы при вызове методов, ставить запросы в очередь, логировать их, а также поддерживать отмену операций.
Убирает прямую зависимость между объектами, вызывающими операции, и объектами, которые их непосредственно выполняют.
Позволяет реализовать простую отмену и повтор операций.
@DmitriiNazimov
DmitriiNazimov / applying-patterns.txt
Last active April 25, 2024 15:22
[Краткое описание паттернов проектирования] #Паттерны #ООП
ПАТТЕРНЫ ПРОЕКТИРОВАНИЯ:
Паттерны предназначены для решения типичных задач, возникающих в ходе проектирования. Любой паттерн описывает задачу, которая снова и снова возникает в нашей работе, а также принцип ее решения, причем таким образом, что это решение можно потом использовать миллион раз, ничего не изобретая заново.
Все паттерны обеспечивают возможность изменения некоторой части системы независимо от других частей.
-- Паттерн — решение задачи в контексте.
Не самое понятное определение, вы не находите? Не беспокойтесь, мы разберем все его составляющие — все эти контексты, задачи и решения:
- Контекстом называется ситуация, в которой применяется паттерн. Ситуация должна быть достаточно типичной и распространенной.
- Задачей называется цель, которой вы хотите добиться в контексте, в совокупности со всеми ограничениями, присущими контексту.
- Решением называется обобщенная архитектура, которая достигает заданной цели при соблюдении набора ограничений. Решение должно быть возможно применять снова
@DmitriiNazimov
DmitriiNazimov / pattern-decorator.js
Last active April 25, 2024 15:22
[JS ES6 Паттерн ДЕКОРАТОР (decorator)] #Паттерны #ООП #js #ES6
/**
*
* ПАТТЕРН ДЕКОРАТОР (обертка)
* Позволяет наделить обьект новыми возможностями не меняя первоначальный класс и не создавая дочерние классы
* Принцип работы: декоратор помещает целевой обьект в обьект обертку, кот-й запускает базовое поведение обьекта,
* а затем добавляет/отнимает что-то свое.
*
*/
class interface_Coffee {
@DmitriiNazimov
DmitriiNazimov / pattern-observer.js
Last active April 25, 2024 15:22
[JS ES6 Паттерн НАБЛЮДАТЕЛЬ (observer)] #ООП #js #ES6 #Паттерны
/**
*
* ПАТТЕРН НАБЛЮДАТЕЛЬ (почтальон)
* Несколько наблюдателей (подписчиков) могут получать данные от одного субьекта (почтальона)
*
*/
class Publisher { // субьект, получает и рассылает данные
constructor() {
this.observersList = []; // реестр наблюдателей (подписчиков)