你如何组织你的Javascript代码?

当我第一次开始使用Javascript时,我通常只需将我需要的任何东西放在函数中,并在需要时将它们调用。那就是

现在,由于我正在使用Javascript构建越来越复杂的Web应用程序;利用其更敏感的用户交互的优势,我意识到我需要使我的代码更加可读 – 不仅仅是我,而是替换我的任何人。除此之外,我想减少几个月后阅读我自己的代码的时候,“什么是什么,为什么这样做”(是的,我在这里诚实,我有什么是我在想自己的时刻自己虽然我尽量避免这种情况)

几个星期前,我进入了Joose,到目前为止,这是很好的,但我想知道其余的做什么来使他们的代码成为有意义的细分和下一个程序员可读的。

除了使其可读,您的HTML与代码逻辑分离的步骤是什么?假设您需要使用数据创建动态表行。您是否将其包含在您的Javascript代码中,将td元素附加到字符串或执行其他操作。我正在寻找现实世界的解决方案和想法,而不是一些专家提出的一些理论思想。

所以,如果你不明白上述,你是否使用OOP做法。如果你不使用什么?

对于真正JS重的应用程序,您应该尝试模仿Java。

>尽可能在HTML中尽可能少的JS(最好是调用引导函数)
将代码分解为逻辑单元,将它们全部放在单独的文件中
>使用脚本将文件连接/缩小成一个您将作为应用程序一部分的软件包
>使用JS命名空间来避免混乱全局命名空间:

var myapp = {}; 
myapp.FirstClass = function() { ... }; 
myapp.FirstClass.prototype.method = function() { ... }; 
myapp.SecondClass = function() { ... }; 

使用所有这些技术将会产生一个非常易于管理的项目,即使您没有使用任何框架。

翻译自:https://stackoverflow.com/questions/1344605/how-do-you-organize-your-javascript-code

转载注明原文:你如何组织你的Javascript代码?