编写Javascript / jQuery的最好方法
我对web dev并不陌生，但我只是想知道你们是否有什么建议可以让我改进：
当我编写js或jQuery时，我总是在页面的<head>中编写所有代码，如下所示：
<script>
$(document).ready(function() {
//All my functions and animations goes here…
});
</script>现在，当我环顾网络时，我发现大多数人的功能和动画都在一个单独的".js"-file中。而且他们也经常创建类。
这是如何工作的呢？创建类并将函数放在单独的文件中有什么好处？
谢谢，VG
回答 5
Stack Overflow用户
发布于 2012-01-29 05:56:29
将javascript放入单独文件的优点：
- Reuse on multiple pages -您可以更轻松地在多个页面上重用相同的javascript函数，而无需拥有多个独立的code.
- More高效缓存副本-浏览器可以更高效地缓存您的javascript，从而加快页面加载速度。在使用外部JS文件时，可以在第一次使用时加载该文件，然后从浏览器缓存中检索该文件，以便后续所有使用该JS文件的页面加载。来自HTML的
- Separation代码--你可以更好地分离页面上不同类型的内容。可视化设计人员可以在HTML上工作，而软件开发人员可以在javascript上工作，并且他们不是在完全相同的文件中工作。
注意:出于性能原因，您不希望有许多小的、独立的外部JS文件，因为加载许多小的JS文件比加载一个大的JS文件需要更长的时间。
将代码结构化为类/对象具有以下优点：
- Organization -它迫使开发人员将他们的代码组织成功能块，在这些功能块中，您拥有一个具有给定方法和属性集的对象。除了琐碎的项目之外，这是一种更清晰的组织方式，而不仅仅是一大堆javascript functions.
- Encapsulation面向对象的设计让你将数据放入对象中，这样数据的所有者，谁修改了数据，数据的生命周期是什么，以及存在什么方法来修改数据。此外，一些数据可以封装在对象中，因此只能通过所需的方法进行修改(不使用directly).
- Testing -为组织到对象中的代码编写测试套件会容易得多，方法和properties.
- Self记录组织到对象中的代码，方法和属性通常更加自我文档化一长串procedures.
- Modularity -通常比没有组织的代码更容易将面向对象的代码分解成可重用的模块这种way.
- Extensibility -好的面向对象的设计可以比直接的过程性code.
- Maintainability更容易通过子类化和方法重写来扩展和增强-由于所有上述原因，好的面向对象的代码更容易维护。
仅供参考，面向对象的思想和设计的许多优点都可以在不使用文字类( javascript甚至没有)的情况下找到。它更多的是关于你如何设计和实现你的代码，而不是它是一个特定的语言语法特性。例如，您可以使用纯C语言进行面向对象的设计，它没有特定的类或对象的语言概念。在javascript中，许多语言元素都是具有可扩展属性和方法的对象，因此在javascript中进行面向对象的设计变得更加容易(事实上，很难避免这样做)，因为你周围已经有了对象(窗口对象、所有的DOM对象等等)。
Stack Overflow用户
发布于 2012-01-29 05:00:37
将javascript代码放在单独的文件中的好处是您不再将标记(这就是HTML )和脚本混为一谈。你有一个清晰的关注点分离。CSS也是如此。样式设置放在单独的文件中。因此，您的标记会变得更小。javascript是静态的，客户端浏览器正在缓存所有这些外部静态文件。因此，它们不需要在每次发出请求时都获取它。这提高了应用程序的性能，因为需要通过网络发送的数据更少。仅从服务器检索在页面之间更改的标记。
至于将脚本组织到类和函数中，这是为了更好的可读性和可重用性。当你在有大量javascript的大型项目中工作时，最好把它拆分成单独的模块，这样团队中的不同开发人员就可以更容易地维护这些模块。
Stack Overflow用户
发布于 2012-01-29 05:01:35
将你的类和那些没有分开的文件分成几个文件，可以让其他项目更容易维护和重用。它只是让事情变得井然有序。
不过要小心..。你不会想让客户端下载一大堆文件的！通常情况下，一些东西会在服务器端运行，以便将所有相关文件组装到一个下载中。PHP可以很容易地为您做这件事。
https://stackoverflow.com/questions/9048567
复制相似问题
腾讯云开发者
