javascript - 嵌入与包含 Javascript 进行 DOM 交互？

Question

每个 Javascript 初学者指南都会谈论嵌入式脚本的弊端。

我明白了:对于没有模块化设计概念的新手来说绝对是个好建议。但每条规则都有一个异常(exception)，而且由于我在 Web 开发方面相当陌生(但不是一般的开发)，我想问以下是否是一个很好的异常(exception):

我正在服务器端使用 MVC(Django，供记录)构建一个 Web 应用程序，并在客户端使用 Require.js 来管理应用程序逻辑脚本。我小心翼翼地让这些脚本与 DOM 无关。

对我来说，将剩余的 DOM 交互代码直接嵌入到定义该 DOM 的服务器端 HTML 模板中是有意义的。创建如此小且与模板内容紧密耦合的单独 JS 文件感觉没有必要。我错了吗？

假设您已将所有应用程序逻辑很好地隐藏在外部文件中，那么在 HTML 中添加几行 jQuery 来将该逻辑挂接到 DOM 真的那么糟糕吗？

Answer 1

如果您的 JS 只适用于一个页面，而且数量不多，那么是的，我会将其直接放在页面中，而不是作为单独的 JS 包含。

如果您有很多仅适用于一个页面的 JS，那么单独的 JS 包含会给您带来优势:(在第一个请求之后)它将位于浏览器缓存中而不是被下载每次用户刷新该页面时。因此，在这种情况下，我可能会坚持使用外部 JS 文件。

决定在特定的 html 页面中包含 JS 后，我更喜欢将其全部作为一个 block 包含在头部或正文的末尾 - 我不想扫描 html寻找隐藏在标记中的多个小脚本 block 。此外，如果我稍后决定将脚本移动到外部文件，也很容易做到。