Javascript 匿名函数内部范围

Question

我试图让一个函数从 ajax 调用返回数据，然后我可以使用它。问题是函数本身被许多对象调用，例如：

function ajax_submit (obj)
{   
    var id = $(obj).attr('id');
    var message = escape ($("#"+id+" .s_post").val ());

    var submit_string = "action=post_message&message="+message;

    $.ajax({  
        type: "POST",  
        url: document.location,  
        data: submit_string,  
        success: function(html, obj) {
            alert (html);
        }  
    }); 

    return false;
}

这意味着在匿名“成功”函数内部我无法知道调用的 obj （或 id）实际上是什么。我能想到的唯一方法是将 id 附加到文档，但这似乎有点太粗糙了。还有另一种方法可以做到这一点吗？

Answer 1

您可以使用封闭范围中的变量，这种技术称为“闭包”。所以：

function ajax_submit (obj)
{   
    var id = $(obj).attr('id');
    var message = escape ($("#"+id+" .s_post").val ());

    var submit_string = "action=post_message&message="+message;

    $.ajax({  
        type: "POST",  
        url: document.location,  
        data: submit_string,  
        success: function(html) {
            alert(obj.id);  // This is the obj argument to ajax_submit().
            alert(html);
        }  
    }); 

    return false;
}

Answer 2

如果您尝试通过 ajax 将 html 加载到页面上，您可能需要考虑 load() 函数。

Answer 3

JavaScript 中的函数被包含在定义它们的范围内（这是一个闭包）。在这种情况下，每次调用 ajax_submit() 时都会创建一个新的匿名成功回调函数，因此父作用域中的所有变量始终可以访问。

您的代码应该可以正常工作。如果您想要一个回调函数，可以将其作为参数传递给 ajax_submit() 并像这样调用：

…
success: function(html, obj) {
    callback(html);
}
…

Answer 4

变量 obj、id 和 message 在匿名函数中都可用。

这是因为 Javascript 中有一个名为闭包的功能，我建议您仔细阅读该功能。

闭包的一般要旨是，函数将永远可以访问其定义范围内存在的变量。

这样做的结果是您可以这样做：

    success: function(html) {
        alert (id);
        alert (obj);
    } 

一整天（但请注意，obj success 函数中的 参数将优先于 ajax_submit 函数中的 obj 变量。）