围绕JavaScript中的代码组织，普遍接受的最佳实践[英] Commonly accepted best practices around code organization in JavaScript

问题描述

作为JQUERY这样的JavaScript框架，使客户端侧Web应用程序更丰富，更有功能，我开始注意到一个问题...

您如何在世界上保持井井有条?

• 将所有处理程序放在一个位置并为所有事件编写功能?
• 创建功能/类以包装您的所有功能?
• 写得像疯了，只是希望它能做到最好?
• 放弃并获得新的职业?

我提到了jQuery，但实际上，这实际上是任何JavaScript代码.我发现，随着线条上的线条开始堆积，管理脚本文件或查找所需的内容变得越来越困难.我发现最大的主张很可能是有很多做同样的事情的方法，很难知道哪一个是当前通常接受的最佳实践.

是否有关于保持您的 .js 文件的最佳方法的一般建议?还是这只是IDE问题?那里有更好的选择吗?

---

编辑

这个问题旨在更多地是关于代码组织而不是文件组织.有一些非常好的示例，可以合并文件或分组内容.

我的问题是:当前通常接受的最佳实践方法是组织您的实际代码?您的方式，甚至是与页面元素交互并创建不相互冲突的可重复使用的代码的建议方式?

有些人列出了名称空间这是一个好主意.还有哪些其他方法，更具体地处理页面上的元素并保持代码井井有条和整洁?

推荐答案

如果javascript内置了名称空间，那会更好，但是我发现像达斯汀·迪亚兹(Dustin Diaz)这样的东西描述了在这里对我有很大帮助.

var DED = (function() {

    var private_var;

    function private_method()
    {
        // do stuff here
    }

    return {
        method_1 : function()
            {
                // do stuff here
            },
        method_2 : function()
            {
                // do stuff here
            }
    };
})();

我将不同的"名称空间"，有时将单个类放在单独的文件中.通常，我从一个文件开始，作为一个类或名称空间足够大以进行保证，我将其分为自己的文件.使用工具将所有文件结合起来也是一个好主意.

其他推荐答案

我尝试避免将任何JavaScript与HTML一起包含.所有代码都封装在类中，每个类都在自己的文件中.为了开发，我有单独的