Javascript 在动态网站中安排JS代码的最佳实践

在管理我们自己编写的JS代码（而不是像jquery这样的JS库）时，我有以下顾虑：

只将javascript与html关联还是将其与服务器端代码关联更好？这意味着从服务器端代码返回JS代码更好，还是创建单独的JS文件并从html代码中引用它更好，还是在html页面中编写它更好

这里我想举一个例子：

假设我有两个服务器端页面，register和login，并假设我们正在使用jquery验证插件（在使用脚本标记的html中引用），我们将使用它来验证register和login表单，在这种情况下，我们需要编写验证JS语句

$（'.login_form'）.validate（）

用于登录页面和验证JS语句

$（'.register_form'）.validate（）

那么，我是否需要创建2个js文件（login.js、register.js）并在其js文件中添加每个语句，或者在html页面本身中编写代码，或者从每个页面服务器端代码返回js代码

这里我的困惑是，如果我要创建两个单独的文件，最好保持JS代码，因为它是单独的，但对于性能和页面加载，浏览器需要加载只有一行语句的额外JS文件，另一方面，如果我想使用服务器端代码生成JS代码，那么维护JS代码将很困难，但就性能而言，我想它会更好

那么，考虑到可维护性和性能，您的建议是什么呢？
通常，您会将所有javascript写入服务器端的不同文件中，并在进行开发时从页面链接它们，然后使用类似的方法将它们压缩到一个文件中，您可以从html文件链接到生产环境

这允许您在多个文件中开发，并保持代码结构良好，但只允许浏览器下载一个文件，并在生产环境中仅发出一个http请求

之所以不让服务器端的PHP/Python/Java/where直接将代码写入html，是因为这样可以防止浏览器缓存代码。浏览器必须在网站的每个页面上下载这些代码。如果它都在一个已设置的外部javascript文件中，则效果会更好

这样，浏览器将只下载您的脚本一次，并且只在用户在您的网站上看到的第一个页面上下载，然后在每隔一次页面加载时从缓存中加载脚本