在 HTML 中嵌入 JavaScript 或将其保存在外部有哪些优点和缺点？

Question

我正在寻找简单的要点答案。我尝试过到处寻找，谷歌搜索，这里的其他问题，但我永远找不到每种方法的优点和缺点。

Answer 1

这是我从W3Schools得到的关于外部 javascript 文件的答案

优点

• 它允许关注点分离——这对于简单的页面来说并不是什么大问题，但随着脚本变得越来越大，您可以拥有一个整体的 html 页面。一般来说，大文件对于可维护性来说并不理想

• 它允许缓存- 当浏览器从外部加载脚本（无论是来自您的站点还是 CDN）时，它会缓存该文件以供将来使用。这就是为什么 CDN 是常用脚本的首选。使浏览器使用缓存的脚本，而不是每次加载页面时都构建一个新脚本，从而使页面加载速度更快

• 更易读的代码- 这与第一个要点相关，但仍然很重要。我们人类处理的文件越小越好。更容易发现错误，也更容易将火炬传递给下一个从事该项目或从中学习的开发人员。

缺点

• 浏览器必须发出http请求才能获取代码

可能还有其他浏览器特定的原因，但我相信主要原因是将代码分离到不同的组件中。