Mootools，搜索dom以查看是否存在类，我应该担心每个页面多次执行此操作

Question

我使用Mootools，我有很多实用功能和很多页面上发生的东西。我将这些函数移动到一个主JS文件中，所以我不需要记住为每个页面添加单独的方面，我想象的正常的开发模式。

现在，其中一些实用程序功能只是相关的，而且只有在页面上有某些元素的情况下才会起作用。例如，我有一个功能，它检查关闭图标并向其添加相关事件;

$each($$('.closethis'), function(el){ do stuff like add events }

这种事情发生了很多次，因为页面是针对关闭事件，悬停，切换器，提醒各种事物以及每次迭代某些类的dom而启动的。

我应该担心这个吗？这是'马虎'..？有没有更好的方式/模式......？

由于

Answer 1

每个modern browser都有一个名为getElementsByClassName的内置函数，据我所知，Mootools在查询'.closethis'时会使用它。它是super fast所以我认为你不必担心在页面初始化时运行它几次。

Answer 2

直接向你说：是的，在我看来，这是草率的;但我认为你不必担心。

关于功能，它不会成为一个问题，而是“好风格”。 也许你可以编写更多任务特定的JavaScript。为特定任务或功能编写类。您会惊讶的是，您在重新使用课程或一般源代码的频率以及在开发网页时节省了多少时间。 我建议你（仔细）阅读this和this one并尝试从中受益。 因为这是你一直在问的“更好的方式/模式”。

欢呼和快乐的编码！ =）