在JavaScript最佳实践中组织库依赖项

时间:2011-12-01 00:21:27

标签: javascript coding-style dependencies

人们对在javascript中组织依赖关系的最佳方式有什么看法?我知道基础知识,但有一些更具体的问题。通过阅读Douglas Crockford和其他帖子,我知道尽可能将脚本标签放在正文中,使用缩小,将所有客户端代码合并到一个.js文件中,如果适用,等等。

虽然使用库的最佳方法是什么?比如说你做了以下事情:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="somelib.min.js"></script>
<script type="text/javascript" src="myappcode.min.js"></script>

这可以被认为是太多的脚本标签吗?假设myappcode.min.js依赖于但也修改了somelib.min.js的某些部分 - 你应该将它们组合成一个文件吗?

也可以或者甚至是一个好主意在另一个.js文件中引用一个.js文件,例如库,而不是仅仅将一个脚本标记放在另一个脚本之前,以便在后者中引用它?来自C#背景我知道JavaScript是按顺序解析的,而不是从main()方法开始并继续进行 - 因此我猜测脚本方法非常标准,但我想确保。

2 个答案:

答案 0 :(得分:1)

如果编写JavaScript处理程序,您可以将这些JavaScript标记合并到单个标记中,同时仍然能够将所有JS库文件分开。请查看the code for the JS handler in the UC Mobile Web Framework,了解如何执行此操作的示例。

答案 1 :(得分:1)

这取决于看着它的人​​。我不认为3个脚本标签是坏的,虽然众所周知,减少HTTP请求的数量可以提高网站的加载速度(因为它减少了每个单独请求的开销)。

我不会仅仅为了在我的开发项目中合并文件而合并文件。然而,当上传到生产服务器时,我会将文件合并在一起以减少必要的脚本标签数量,因为您不应该关心生产环境中的可读性等。