首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >JavaScript模块模式和HTML元素事件

JavaScript模块模式和HTML元素事件
EN

Stack Overflow用户
提问于 2020-04-23 06:22:50
回答 1查看 92关注 0票数 1

从几天以来,我一直致力于在JavaScript an TypeScript中获得模块模式(与webpack一起使用)。我知道,我派对有点晚了,但现在总比从来没有.

到目前为止,我认为我了解大多数最佳做法及其优点。

当我正在处理一个有几年历史的项目时,我想知道模块模式是如何与事件一起使用的--用HTML:<p onclick="tooltip.open()"></p>编写的侦听器。

在这些情况下,结合我试图防止全局命名空间污染的模块模式,什么是最佳实践?

谢谢你提前给我答案。

编辑:

我特别感兴趣的是webpack的最佳实践,因为webpack代码包只有在构建为库时才能访问。那么,如果我使用webpack包,html中的事件侦听器如何访问常见的JavaScript功能呢?

EN

回答 1

Stack Overflow用户

发布于 2020-04-23 07:06:37

有许多方法来创建模块。以下是其中之一:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/* 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();

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61389545

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文