处理大型JavaScript项目的提示

Question

我有一些JavaScript的经验 - 但主要是一些小东西,我从来没有在Javascript中做过任何大的事情.

然而,现在,我正在做一个相当大的与javascript相关的项目,一个jquery驱动的前端,通过Ajax发送/接收JSON与服务器端后端通信.

我想知道你是否可以提供一些有关如何处理大型JavaScript项目的有用信息 - 是否有任何有用的工具/库/良好实践？

提前致谢.

Answer 1

我的一个重要提示将模块化

在JavaScript中,变量很容易破坏其他变量.为了避免这种情况,模块化是必须的.有几种方法可以利用JavaScripts范围规则来最小化可变冲突的可能性.

var myProject = {};

myProject.form = function(p_name, p_method, p_action)
{
    var name = p_name,
        method = p_method,
        action = p_action;
    var addInput = function(p_input)
    {
        // etc...
    }

    return {
        addInput: addInput,
        name: name
    };
}

myProject.input = function(p_name, p_type, p_value)
{
    var name, method, value;
    var setValue = function(p_value)
    {
        value = p_value;
        return true;
    }

    return {
        setValue: setValue,
        name: name
    };
}

// etc...

如果你小心使用var,并跟踪你的功能范围,那么你只有一个全局变量 - myProject.

为了获得一个新的表单Object,您只需执行以下操作:var myForm = myProject.form('form1', 'post', 'post.php').

Answer 2

格里戈里

即使我几个月前从后端转移到 UI 也只遵循这种方法

1. 从 google 或通过一些书籍或通过 jquery 文档阅读 jquery 的所有概念。
2. 遵循一些jquery最佳实践 http://psdcollector.blogspot.com/2010/03/77-best-jquery-tips-i-have-ever-read.html
3. 为所有重复的代码编写实用函数，例如 getcookie 、subsstrings 等
4. 不断让有经验的人来审查您的代码，他们可以指导您
5. 如果您遇到任何问题，请发布到 stackoverflow。
6. 因为它是一个大项目，分为多个文件并使用正确的命名约定。

如果您还需要什么，请告诉我