为web应用程序构造Javascript文件

我正在开发我的第一个web应用程序，随着它变得越来越大，我对组织代码的最干净的方式有了一些疑问。一些更有经验的开发人员是否愿意分享他们使用的方法

这就是我目前正在做的：

当页面加载时，它几乎是一个带有空div的html“模板”，具有id或类标识符

<div id="calendar">
</div>

...

<div class="description" name="description[0]">
</div>

etc.

我的整个文件基本上就是一个长长的清单，上面列着这类事情。这是其他开发者构建web应用程序的方式吗？我只是在自学，所以没有任何代码可供比较

还有一件事我一直在想——像这样做更干净吗：

$('#current-view li a').click(function() { *set the current tab* });

$(document).ready(function() { $('#current-view li#'+last_active_tab+' a').click(); });

或者定义了一个单独的函数，如

selectView

，然后：

$('#current-view li a').click(selectView);

$(document).ready(function() { selectView.apply($('#current-view li#'+last_active_tab+' a')[0]); });

---

谢谢

尝试使用MVC方法进行JavaScript设计。除了更简单的结构之外，使用它也会有所收获。

尝试使用MVC方法来设计JavaScript。除了一个更简单的结构之外，你还可以通过使用它来获益。

对于一些简单的情况，比如一些点击处理程序和一些简单的逻辑，我不会偏离你正在做的事情太远。一旦代码变得更复杂，您将希望将代码分解为组件，以便随着时间的推移可以对其进行维护

应用程序中的组件应该采用面向对象的方法。UI组件可以用对象表示，例如“日历”，它可能具有添加和删除日历事件的功能。每个对象都应该在自己的文件中，并且可以多次实例化，或者在文档准备好后作为单个对象实例化

下面是一些很好的文章，介绍如何将代码分解为组件，包括如何实现封装和多态性：

对于名称空间、对象布局和封装，您可以查看Justin Diaz的， 但是Jonathan Snook反对这样的封装，因为它会阻止继承，并且由于无法检查（）而使调试变得困难

关于如何使用将要实例化多次的对象（）创建对象层次结构，我找到的最好的文章是Mike Koss（）。

---

XML.com还有一个更简单的（）。

对于一些简单的情况，例如一些单击处理程序和一些简单的逻辑，我不会偏离您正在做的事情。一旦代码变得更复杂，您将希望将代码分解为组件，以便随着时间的推移可以对其进行维护

应用程序中的组件应该采用面向对象的方法。UI组件可以用对象表示，例如“日历”，它可能具有添加和删除日历事件的功能。每个对象都应该在自己的文件中，并且可以多次实例化，或者在文档准备好后作为单个对象实例化

下面是一些很好的文章，介绍如何将代码分解为组件，包括如何实现封装和多态性：

对于名称空间、对象布局和封装，您可以查看Justin Diaz的， 但是Jonathan Snook反对这样的封装，因为它会阻止继承，并且由于无法检查（）而使调试变得困难

关于如何使用将要实例化多次的对象（）创建对象层次结构，我找到的最好的文章是Mike Koss（）。 XML.com还有一个更简单的（）

$('#current-view li a').click(selectView);

$(document).ready(function() { selectView.apply($('#current-view li#'+last_active_tab+' a')[0]); });