javascript - 普遍接受的 JavaScript 代码组织最佳实践

Question

关闭。这个问题是 opinion-based .它目前不接受答案。

---

想要改进这个问题吗？ 更新问题，以便 editing this post 提供事实和引用来回答它.

关闭 7 年前。

Improve this question

随着 jQuery 等 JavaScript 框架使客户端 Web 应用程序更加丰富和功能强大，我开始注意到一个问题......

您到底是如何保持这种组织的？

• 将所有处理程序放在一个位置并为所有事件编写函数？
• 创建函数/类来包装您的所有功能？
• 像疯了似的写，只是希望效果最好？
• 放弃并获得新的职业？

我提到了 jQuery，但它实际上是任何一般的 JavaScript 代码。我发现随着一行行开始堆积起来，管理脚本文件或找到您要查找的内容变得越来越困难。很可能我发现的最大问题是有很多方法可以做同样的事情，很难知道哪一种是当前普遍接受的最佳实践。

对于使 .js 文件与应用程序的其他部分一样美观和整洁的最佳方式，是否有任何一般性建议？或者这只是IDE的问题？有没有更好的选择？

---

编辑

这个问题更多地是关于代码组织而不是文件组织。有一些非常好的合并文件或拆分内容的例子。

我的问题是:目前普遍接受的组织实际代码的最佳实践方式是什么？与页面元素交互并创建彼此不冲突的可重用代码的方式是什么，甚至是推荐的方式？

有些人列出了命名空间，这是个好主意。还有哪些其他方法，更具体地处理页面上的元素并保持代码的组织和整洁？

Answer 1

如果 javascript 内置命名空间会更好，但我发现像 Dustin Diaz 这样的组织描述 here对我有很大帮助。

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
            }
    };
})();

我将不同的“命名空间”，有时甚至是单独的类放在单独的文件中。通常我从一个文件开始，当一个类或命名空间变得足够大以保证它时，我将它分离到它自己的文件中。使用工具来组合所有文件以进行生产也是一个绝妙的主意。