Question

我有一个页面，几乎所有函数都使用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 noob ..

Answer 1

有两种不同的观点：

从开发角度来看 - 每个文件应仅包含功能的一小部分（一些有限且完整的应用程序单元）
从用户体验的角度来看 - 文件越少越好（因为你拥有的HTTP请求越多 - 用户等待页面呈现的时间越长）

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

Answer 2

取决于您的网页将被使用的情况。每个新的script代码都会增加一个http-request，因此会丢失一些性能。

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

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

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

2 个答案: