javascript - 通过 AJAX 获取 Javascript

Question

关闭。这个问题是 opinion-based 。目前不接受答案。

---

想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 .

已关闭 9 年前。

Improve this question

我想知道如果我通过 AJAX 请求获取所有脚本(不是 vendor )会怎样，以及它的好处或坏处。浏览器会缓存响应还是服务器会在每个请求中发送我的脚本，就好像用户从未访问过我的网站一样？

从性能 Angular 来看，这比将所有脚本存储在页脚中会更好。

Answer 1

通过 AJAX 获取脚本在术语上有点困惑，您可以使用 JavaScript 创建额外的脚本元素来将额外的脚本加载到页面中 - 这也可以异步完成，这样就不会阻止渲染或下载页。请看以下示例:

var script = document.createElement('script');
script.src = 'myscript.js';
document.head.appendChild(script);

它创建一个新的脚本元素，分配一个源并将其附加到文档的 head 部分。如果将其添加到文档末尾，则将下载脚本而不会阻止页面加载。

这个简单的想法是所有(据我所知)前端 JS 依赖管理的基础 - 请求的页面只下载它需要的资源的想法。您可能听说过 JS 模块定义，例如 AMD 和 CommonJS，这是一个很大的主题，所以我建议阅读 Addy Osmani's "Writing Modular JavaScript With AMD, CommonJS & ES Harmony" article .

对于它们是否会被缓存，答案是肯定的——一般来说——尽管缓存取决于服务器和用户浏览器上的许多因素。仍然需要在每个后续页面加载时发出单独的请求，这可能比片状连接上的一个大的单独文件慢。这个决定实际上取决于用户如何访问您的网站，以及与开发人员创作和维护相比，最初稍微降低速度是否值得。您总是可以选择后者，而不是稍后再转向前者。