Попытка превратить этот плагин JQuery слайд-шоу в аккуратный и модульный «модуль»

Question

Я сделал слайд-шоу JQuery плагин, как $.fn.slideShow, который работает следующим образом:

.slideShow (INTtransitionDelay, строкаtranstionType, строкаslideTag)

Как вы можете себе представить, INT или строкаключевых слов не существуют в JavaScript, я просто положить их там, чтобы указать типа данных для каждого аргумента. Первым необходимым аргументом является (в миллисекундах) задержка на сдвиг задержки перехода AKA. Второй аргумент является необязательным. Он задает тип перехода (по умолчанию: нормальный AKA без перехода). Возможные входы для этого: push, нормальный/без перехода и fade; которые представляют собой различные анимации перехода на слайд. Третий и последний аргументы определяют, какой HTML-тэг содержит слайды, (по умолчанию: li). Это слайд-шоу показано в селекторе, заданном плагином. Теперь, когда у вас есть общее представление о том, что делает мой плагин, давайте поговорим о проблеме .

Понимаете, есть два основных способа, чтобы подойти к написанию кода. Один из них - сделать его настолько запутанным, что его никто не может прочитать, а другой - сделать его аккуратным и модульным. Но непросто сделать код аккуратным и модульным; потому что вам нужно подумать о наиболее пригодном для повторного использования и повторном циклическом способе хранения переменных, а также о многих способах «модуляции» кода.

По-видимому, я не знаю, как я могу модулировать свой код в этой ситуации. Я имею множество глобальных переменных по всему месту, многие повторно объявленные переменные и т. Д. Какой был бы лучший подход в моем случае (не основанный на мнениях или предпочтениях, а основанный на реальных фактах и ​​результатах) включить плагин jQuery, как это, в полностью функционирующий модуль? Будет ли использовать модульные шаблоны, такие как IIFE help? Я также видел модульные интерфейсы, такие как browsify, но я не уверен, что были, чтобы начать или как минимум , как, чтобы сделать это.

Answer 1

На более высоких уровнях дебаты по производительности могут стать в значительной степени академическими упражнениями с большим количеством расколотых волос. Я бы рекомендовал принять модульный шаблон плагина, который вы понимаете, и можете структурировать таким образом, который вы можете объяснить, таким образом, читатели могут адаптироваться. Рекомендовал бы https://toddmotto.com/mastering-the-module-pattern/ в качестве лучшего объяснения модульного шаблона, чем я мог представить здесь, в сочетании с более обширным обзором здесь: https://addyosmani.com/resources/essentialjsdesignpatterns/book/#jquerypluginpatterns

Дополнительные методы модели здесь: https://www.viget.com/articles/jquery-plugin-patterns. Может быть проще прокомментировать более конкретный пример кода/запрос