是否可以包含許多.js文件以使我的代碼看起來是模塊化的？

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小白..

Answer 1

有兩種不同的觀點：

1. 從發展的角度來看 - 每個文件應該只包含的功能的小特定部分（一些有限的和完整的應用程序單元）

2. 從UX的視角 - 少文件 - 更好（因爲更多的HTTP請求你 - 較長的用戶會等到頁面渲染）

因此，常見的解決方案是將您的應用程序分割爲最佳設計實踐所需的儘可能多的文件，並在部署前加入+縮小它們。

Answer 2

取決於您的頁面將要使用的情況。每個新的script標籤還有一個http-request，所以會有一些性能損失。

如果應用程序的規模很大，將它們拆分爲模型視圖控制器（或類似的）模式對開發非常有效。

您可以隨時將它們拼接在一起進行部署。