javascript - 导入 JavaScript 模块是否会向服务器生成 'get' 请求？

Question

我正在尝试理解 JavaScript 中的 ES6 模块。我的理解是，这会向服务器生成获取请求以获取 SomeClass.js:

<script src="path/SomeClass.js"></script>

如果 SomeClass 是一个模块，我可以这样做:

import {SomeClass} from "path/SomeClass.js"

这是否也会向服务器生成相同的请求？如果我从两个单独的文件中导入同一个模块，是否会生成两个冗余请求？如果是这种情况，是否有更有效地执行此操作的好方法(例如，导入父类，然后将其传递给任何需要它的子类)？

如果我离题了，请纠正我的理解。

Answer 1

浏览器不会对同一个模块发出多个 HTTP 请求，即使该模块被多次导入到单个 JS 程序中也是如此。

由于 JS 文件通常不经常更改，您可以使用标准缓存控制 HTTP 响应 header ，以避免在重新访问页面时重新加载模块。