javascript - 包含 "page specific"javascript 是一种好习惯吗？ (例如 "onlyUsedOnOnePage.js")

Question

我想这是一个非常新手的问题，

我知道您通常会在站点上有一个“myCustomScript.js”文件。但是，如果您有很多仅适用于一个页面或另一个页面的 Javascript，那么拥有 .. 是否有意义？

sitewide.js
pageX.js
pageY.js

我以前从未真正见过这个，我想知道为什么(可能是因为“特定于页面”的 javascript 的数量在大多数情况下可以忽略不计？)。但是我有 2 个大块，它们只在各自的页面上使用，为了减少页面加载以将它们分开，这似乎是有意义的。坏主意？

////编辑/////

我想我刚刚看到的另一个回复给了我答案。 “少量真的没关系”。

那么有多少 .js 代码值得一个额外的请求？如果我在“thisPageOnly.js”中有“x”行代码......需要多少行才能证明额外的请求是合理的？

Answer 1

是的，这是有道理的。最终，任何大型 Web 应用程序都将具有特定于页面的 JavaScript。

为了更容易维护 java 脚本文件和页面，您可以命名空间处理 siteX 的函数/类以 siteX 为前缀。请记住将站点特定 js 的包含放在 html 输出的底部。

您可能没有看到它的一个原因是，当您为 js 命名空间时，您可以将它全部添加到一个 js 文件中，然后对其进行混淆或最小化。如果你有 10-20 个页面特定的 js 文件，你将发出 10-20 个请求，这不是很好，所以你有页面特定的 js 内容，但包含一次。做到这一点的方法是为每个页面正确命名空间。

您了解原型(prototype)和命名空间了吗？

像这样:

var yourPageNameSpace = {
    func1: function () {},
    func2: function() {}
}

然后你做 yourPageNameSpace.func1()

简而言之。是的，一页或两页没问题，但不是每一页都可以。在这种情况下考虑命名空间。