JavaScript模块模式和HTML元素事件

因为几天来,我的工作是让模块模式(与webpack)在JavaScript和TypeScript的权利。我知道,我参加聚会有点晚了,但现在总比没有好……

到目前为止,我想我已经了解了大部分的最佳实践和它们的优势。

由于我正在做一个几年前的项目,我想知道模块模式是如何用于像HTML一样的事件监听器的。<p onclick="tooltip.open()"></p>

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

先谢谢大家的回答。

编辑一下。 我对webpack的最佳实践特别感兴趣,因为webpack代码捆绑只有在作为lib构建时才能被访问,所以如果我使用webpack捆绑,html中的事件监听器如何访问常见的JavaScript功能?

解决方案:

有很多方法来创建模块。这里是其中之一。

/* 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();

给TA打赏
共{{data.count}}人
人已打赏
未分类

在arduino IDE中使用修改后的库

2022-9-8 3:40:38

未分类

我可以收听尤里卡的任何活动吗?

2022-9-8 3:40:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索