gpt4 book ai didi

javascript - 在 JavaScript 中结合设计模式是一种好的做法吗

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:11:29 24 4
gpt4 key购买 nike

<分区>

目前我正在做我的私有(private)项目(用于学习),这是一个简单的待办事项列表。我正在尝试使用模块化模式(具体来说是揭示模块模式)。下图显示了我将如何构建它的总体思路。

Image of how my app looks like

所以每个模块都将在一个单独的 js 文件中,每个模块看起来像:

var TaskModule = (function () { 

function someFunction(parameter) {
tasks = newTasks;
}

}

还有一个问题:如果我们想创建类似带有“辅助函数”的单独文件怎么办。在每个模块中编写这样的东西并不舒服:

var someElement = document.getElementById('id')

我有我的辅助函数(这个函数只是一个例子):

var someElement = byId('id');

当然,我可以像其他方法一样创建 HelpersModule,但是我必须这样调用我的函数:

var someElement = HelpersModule.byId('id');

这导致我的帮助功能不再有意义,它不比带有 document.getElementById 的原始版本短。因此,为了避免每次调用辅助函数时都写前缀“HelpersModule”,我设计了这样的 HelpersModule:

(function(window) {

window.byId = function (selector, scope) {
return (scope || document).getElementById(selector);
};

})(window);

现在一切正常,但我创建 HelpersModule 的方式与其他模块不一致。以不同的方式创建模块是一种不好的做法还是完全可以?

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com