是否可以包含许多.js文件以使我的代码看起来模块化

Is it okay to include many .js files to make my code look modular?

本文关键字：我的 代码 看起来 模块化 js 包含许 是否 文件      更新时间：2023-09-26

我有一个页面，几乎所有函数都使用Ajax请求。我有很多行 js 代码。剖析我的js代码并将其包含在我的页面中是否是一种好习惯，例如：

<script src="../js_code_func_1.js"></script>
<script src="../js_code_func_2.js"></script>
<script src="../js_code_func_3.js"></script>
<script src="../js_code_func_4.js"></script>
<script src="../js_code_func_5.js"></script>

如果我这样做，会不会有任何不良的性能影响？

谢谢！来自 JavaScript 菜鸟。

有两种不同的视角：

  1. 从开发的角度来看 - 每个文件应该只包含功能的一小部分（一些有限和完整的应用程序单元）

  2. 从UX的角度来看 - 文件越少 - 越好（因为您拥有的HTTP请求越多 - 用户等待页面呈现的时间就越长）

因此，常见的解决方案是将应用程序拆分为最佳设计实践所需的尽可能多的文件，并在部署之前加入+缩小它们

取决于将使用

页面的情况。每个新的script标签都是一个http-request，所以那里会有一些性能损失。

如果应用程序的规模很大，将它们拆分为模型视图控制器（或类似）模式对于开发非常有效。

您始终可以将它们拼接在一起以进行部署。

相关文章：