JavaScript Шаблон модуля и HTML -элемент событий

Question

, так как несколько дней я работал над получением шаблона модуля (с веб-пакетом) в JavaScript право TypeScript. Я знаю, я немного опаздываю на вечеринку, но сейчас лучше, чем никогда ...

Пока, я думаю, я понял большинство лучших практик и их преимущества.

Как Я работаю над проектом, которому несколько лет, и мне интересно, как шаблон модуля используется с прослушивателями событий, написанными на HTML, например: <p onclick="tooltip.open()"></p>

Что лучше всего подходит для эти ситуации в сочетании с шаблоном модуля, где я пытаюсь предотвратить загрязнение глобального пространства имен?

Спасибо за ответы заранее.

Редактировать:
Я особенно интересует передовая практика для веб-пакетов, так как к пакету кода веб-пакета можно получить доступ, только если он собран как библиотека. Так как же прослушиватели событий в html могут получить доступ к общим функциям JavaScript, если я использую пакет веб-пакета?

Answer 1

Существует множество способов создания модулей. Вот один из них:

/* modules/myModule/index.js */
const myModule = () => {
  // do cool stuff here !

    // Private methods here !
    function log(message) {
        console.log("message", message);
    }

    return {
        // Public methods here !
        open: () => {
            // do another cool stuff here !
            log("function open has been called!");
        },
    }
}

module.exports = myModule;


/* And then, in another file */
const myModule = require("modules/myModule");
myModule.open();