Skip to content

Instantly share code, notes, and snippets.

@DmitriiNazimov
DmitriiNazimov / pattern-singleton.js
Last active April 25, 2024 15:22
[JS Паттерн ОДИНОЧКА SINGLETON + синтаксис ООП ES6] #js #ООП #ES6 #Инкапсуляция #Паттерны
/**
*
* ПАТТЕРН SINGLETON
*
* Паттерн Одиночка гарантирует, что класс имеет только один экземпляр, и предоставляет глобальную точку доступа к этому экземпляру.
*
*/
@DmitriiNazimov
DmitriiNazimov / js.js
Last active January 1, 2020 20:54
[Синтаксис классов ES5 и ES6] #js #ООП
// ES 5
function PersonType(name) {
this.name = name;
}
PersonType.prototype.sayName = function() { // Не пишем сразу в классе для экономии памяти, т.к. если прописать в классе, то метод создается у каждого экземпляра класса. Если прописать в прототипе (т.е. как тут на 5 строке), то получается один методов для всех экземпляров класса.
console.log(this.name);
}
var person = new PersonType("Nicholas");
person.sayName();
console.log(person instanceof PersonType);
@DmitriiNazimov
DmitriiNazimov / script.js
Last active February 13, 2023 12:16
[Пример наследования в JS ES6] #ООП #js #ES6
// Если сделать вот так, то свойство _done реально становится приватным.
const _done = Symbol('done');
class Task {
constructor(title, initiateMessage = 'Создание задачи') {
this.title = title; // Зачем нижнее подчеркивание: название геттеров и сеттеров не должно совпадать
// с названием свойств обьекта. И т.к. здесь у нас есть сеттеры/геттеры, то свойству обьекта
// добавили нижнее почеркивание, чтобы не было ошибки.
// Таким образом свойство становится ПРИВАТНЫМ (на самом деле с ним можно делать что хочешь, но
// по соглашению такие свойства приватные).
@DmitriiNazimov
DmitriiNazimov / pattern-observer.js
Last active April 25, 2024 15:22
[JS ES6 Паттерн НАБЛЮДАТЕЛЬ (observer)] #ООП #js #ES6 #Паттерны
/**
*
* ПАТТЕРН НАБЛЮДАТЕЛЬ (почтальон)
* Несколько наблюдателей (подписчиков) могут получать данные от одного субьекта (почтальона)
*
*/
class Publisher { // субьект, получает и рассылает данные
constructor() {
this.observersList = []; // реестр наблюдателей (подписчиков)
@DmitriiNazimov
DmitriiNazimov / pattern-decorator.js
Last active April 25, 2024 15:22
[JS ES6 Паттерн ДЕКОРАТОР (decorator)] #Паттерны #ООП #js #ES6
/**
*
* ПАТТЕРН ДЕКОРАТОР (обертка)
* Позволяет наделить обьект новыми возможностями не меняя первоначальный класс и не создавая дочерние классы
* Принцип работы: декоратор помещает целевой обьект в обьект обертку, кот-й запускает базовое поведение обьекта,
* а затем добавляет/отнимает что-то свое.
*
*/
class interface_Coffee {
@DmitriiNazimov
DmitriiNazimov / applying-patterns.txt
Last active April 25, 2024 15:22
[Краткое описание паттернов проектирования] #Паттерны #ООП
ПАТТЕРНЫ ПРОЕКТИРОВАНИЯ:
Паттерны предназначены для решения типичных задач, возникающих в ходе проектирования. Любой паттерн описывает задачу, которая снова и снова возникает в нашей работе, а также принцип ее решения, причем таким образом, что это решение можно потом использовать миллион раз, ничего не изобретая заново.
Все паттерны обеспечивают возможность изменения некоторой части системы независимо от других частей.
-- Паттерн — решение задачи в контексте.
Не самое понятное определение, вы не находите? Не беспокойтесь, мы разберем все его составляющие — все эти контексты, задачи и решения:
- Контекстом называется ситуация, в которой применяется паттерн. Ситуация должна быть достаточно типичной и распространенной.
- Задачей называется цель, которой вы хотите добиться в контексте, в совокупности со всеми ограничениями, присущими контексту.
- Решением называется обобщенная архитектура, которая достигает заданной цели при соблюдении набора ограничений. Решение должно быть возможно применять снова
@DmitriiNazimov
DmitriiNazimov / pattern-command.js
Last active May 1, 2024 15:44
[JS ES6 Паттерн КОМАНДА (command)] #js #ES6 #Паттерны #ООП
/**
*
* ПАТТЕРН КОМАНДА
*
Смысл: отделить объект-источник запроса от объекта, принимающего и выполняющего эти запросы.
Паттерн КОМАНДА — это поведенческий паттерн проектирования, который превращает запросы в объекты, позволяя передавать
их как аргументы при вызове методов, ставить запросы в очередь, логировать их, а также поддерживать отмену операций.
Убирает прямую зависимость между объектами, вызывающими операции, и объектами, которые их непосредственно выполняют.
Позволяет реализовать простую отмену и повтор операций.
@DmitriiNazimov
DmitriiNazimov / pattern-adapter.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн АДАПТЕР (adapter)] #ES6 #js #Паттерны #ООП
/**
*
* ПАТТЕРН АДАПТЕР
*
Обеспечивает совместимость классов с разными интерфейсами, т.е. выполняет роль переводчика.
В итоге клиент (тот кто вызывает методы) через адаптер может работать с разными классами с разными интерфейсами, даже не подозревая об этом,
хотя умеет пользоваться только одним интерфейсом.
*/
@DmitriiNazimov
DmitriiNazimov / pattern-facade.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн ФАСАД (facade)] #js #ES6 #Паттерны #ООП
/**
*
* ПАТТЕРН ФАСАД
*
Предоставляет унифицированный интерфейс к группе интерфейсов подсистемы. Фасад определяет высокоуровневый интерфейс, упрощающий работу с подсистемой.
Превращает сложный интерфейс с множеством методов в простой интерфейс с минимум методов.
В данном случае интерфейс фасада компьюетра будет иметь всего 2 метода - вкл/выкл, при том что под капотом выполняется
12 методов.
Таким образом отделяется код клиента от кода реализации.
@DmitriiNazimov
DmitriiNazimov / pattern-template-method.js
Last active April 25, 2024 15:23
[JS ES6 Паттерн ШАБЛОННЫЙ МЕТОД (template method)] #js #ES6 #Паттерны #ООП
/**
*
* ПАТТЕРН ШАБЛОННЫЙ МЕТОД
*
Задает «скелет» алгоритма в методе, оставляя определение реализации некоторых шагов субклассам.
Субклассы могут переопределять некоторые части алгоритма без изменения его структуры.
Методы внутри шаблонного метода могут быть пустыми, выдавать ошибку если не описаны в субклассе или иметь реализацию по умолчанию.
Применение:
1. Когда подклассы должны расширять базовый алгоритм, не меняя его структуры.
2. Когда у вас есть несколько классов, делающих одно и то же с незначительными отличиями. Если вы редактируете один