В процессе разработки мы более или менее сталкивались с шаблонами проектирования, но часто мы не знаем, какой шаблон проектирования мы используем или какой шаблон проектирования использовать. Эта статья направлена на то, чтобы разобраться в характеристиках распространенных шаблонов проектирования, чтобы иметь более четкое представление о них.
Общие шаблоны проектирования в JavaScript
- одноэлементный шаблон
- режим стратегии
- прокси-режим
- шаблон итератора
- модель публикации-подписки
- командный режим
- Комбинированный режим
- Шаблон метода шаблона
- наилегчайший образец
- Схема цепочки ответственности
- модель посредника
- шаблон декоратора
- режим состояния
- шаблон адаптера
- Шаблон наблюдателя
Ключевые слова для каждого шаблона проектирования
После прочтения приведенных выше шаблонов проектирования перечислите их ключевые слова и характеристики, позже упомяните определенный шаблон проектирования, а затем сопоставьте соответствующие ключевые слова и примеры, чтобы знать.
| Шаблоны проектирования | Функции | кейс |
|---|---|---|
| одноэлементный шаблон | Можно построить только один экземпляр класса | Создать объект меню |
| режим стратегии | Разные стратегии могут быть сбиты по разным параметрам | Функции алгоритма в анимационной библиотеке |
| прокси-режим | Прокси-объект и объект онтологии имеют одинаковый интерфейс. | Предварительная загрузка изображения |
| шаблон итератора | Может получить порядок и элементы агрегированного объекта | each([1, 2, 3], cb) |
| модель публикации-подписки | PubSub | водопад библиотека |
| командный режим | Соответствующий интерфейс согласовывается между различными объектами | Разделение кнопок и команд |
| Комбинированный режим | Шаблон композиции формирует древовидную структуру, которая последовательно обрабатывается для всех объектов. | папка сканирования |
| Шаблон метода шаблона | Порядок выполнения определяется в родительском классе | кофе и чай |
| наилегчайший образец | Уменьшите количество созданных экземпляров | Мужской и женский пресс-формы |
| Схема цепочки ответственности | При запросе первого условия последующие условия продолжают выполняться до тех пор, пока не будет возвращен результат. | если еще оптимизация |
| модель посредника | Связь между объектами через сторонних посредников | Объявление результатов испытаний |
| шаблон декоратора | Динамически включать функции | Когда холодно, одевайся, когда жарко, раздевайся. |
| режим состояния | Создайте класс для каждого состояния, и изменения состояния приведут к разному поведению. | легкий сдвиг |
| шаблон адаптера | Преобразование одной структуры данных в другую | Изменения в интерфейсе значений перечисления |
| Шаблон наблюдателя | Автоматически вызывать связанные функции при изменении наблюдаемого объекта | vue двусторонняя привязка |
использованная литература
* "Шаблоны проектирования JavaScript и практика разработки"