Как организовать стурктуру многоповторной js библиотеки?

Question

[lotrop]

Например, у меня есть библиотека на чистом js, которая находит по некоторому id блок и запускает галлерею. Хорошо, если галлерея одна, то это просто реализуется. А если я хочу иметь 2 галлереи на странице, то лигично, что я должен два раза запускать мою библиотеку. Как это правильно реализовать?
Т.е я хочу чтобы было так

MyCarousel('firstId');
MyCarousel('secondId');

Т. е надо просто реализовать библиотеку в виде функции? Как вообще быдут более правильно?

Answer 1

[Risent Veber]

Например, кешировать все объекты, которые вы инициализоровали в отдельном, скрытом в замыкании объекте и непосредственно работать с ними.

MyCarousel = (function(){
  elementsCache = {};
  
  function doInitJob(elem) {
    console.log("initializtion", elem); 
  };
  
  function doServiceJob(elem) {
    console.log("service", elem); 
  };
  
  return function(selector) {
    if (!elementsCashe[selector]) {
      elementsCashe[selector] = document.querySelector(selector);
      doInitJob(elementsCashe[selector]);
    } else {
      doServiceJob(elementsCashe[selector]);
    }
  }
})();

Comments

[lotrop]

А можно подробнее, пожалуйста, суть слегка не ясна.

[Risent Veber]

lotrop: дополнил ответ - например так.