javascript - 提供串联文件时 JavaScript 的页面级执行

Question

场景:

一个拥有 x 个页面的网站正在使用一个串联的​​ JavaScript 文件。一些单独的 JavaScript 文件与页面有关，另一些与插件/扩展等有关。

当一个页面被提供时，整套 JavaScript 被执行(因为执行是在加载时执行的)。不幸的是，只有 JavaScript 的一个子部分 直接与页面相关。其余部分与网站上的其他页面相关，如果写得不好，可能会对当前页面产生潜在的副作用。

问题:

仅执行与页面直接相关的 JavaScript，同时保持单个串联文件的最佳策略是什么？

目前感觉不对的解决方案:

与特定页面相关的 JavaScript 包装在该页面的“命名空间”init 函数中。每个页面都使用调用该页面的 init 函数的内联脚本呈现。它可以正常工作，但我宁愿没有任何内联脚本。

有没有人有什么聪明的建议？我应该只使用内联脚本并完成它吗？令我惊讶的是，对于大多数开发人员而言，这并不是一个大问题。

Answer 1

只需使用内联脚本。如果只用一两行代码来初始化您需要的 JavaScript，那很好。这实际上是一个很好的设计实践，因为它允许跨多个页面重用您的 JavaScript。