在Ajax回调中，局部变量是否仍在作用域中

Will local variables still be in scope on an Ajax call back?

本文关键字：作用域 是否 Ajax 回调 局部变量      更新时间：2023-09-26

我想在激活ajax回调函数后调用一个内部函数。因为有一个延迟，我想知道当调用它时，我的局部变量是否仍然正确，尤其是回调函数使用的.response_element。

当ajax status == 200 时启动回调功能

var ControlSignIn = function( ) 
{
    this.form_element = document.getElementById( 'signin' ),
    this.response_element = document.getElementById( 'signin_response' ),
    this.text_object = new Text( this.form_element ), 
    this.message_object = new Message( this.response_element );
};
ControlSignIn.interface = function()
{
    new ControlSignIn().invoke();
};
ControlSignIn.prototype.invoke = function( ) 
{
    if( CONSTANT.VALIDATE_ON === 1 )
    {
        if( !this.text_object.checkEmpty() ) 
        {
            this.message_object.display( 'empty' );
            return false;
        }
        if( !this.text_object.checkPattern( 'email' ) ) 
        {
            this.message_object.display( 'email' );
            return false;
        }
        if( !this.text_object.checkPattern( 'pass' ) ) 
        {
            this.message_object.display( 'pass' );
            return false;
        }
    }
/* new internal call_back */    
        AjaxNew.use( ajaxSerialize( this.form_element ) + '&ajax_type=ControlSignIn', ControlSignIn.invoke.callBack );
    function callBack( server_response_text )
    {
        ajaxType( server_response_text, this.response_element, 'respond' ); 
    }
/*  Removed
    Ajax.repeatUse( ajaxSerialize( this.form_element ) + '&ajax_type=ControlSignIn', ajaxTypeRespond, this.response_element );
*/
};

解决方案：

AjaxNew.use( ajaxSerialize( this.form_element ) + '&ajax_type=ControlSignIn', ControlSignIn.invoke.callBack );
var response_element = this.response_element;
function callBack( server_response_text )
{
    ajaxType( server_response_text, response_element, 'respond' ); 
}

不，不会。即使属性可能完好无损，this也不会指向对象。

将值复制到局部变量，并使用函数文字，然后局部变量将被捕获在函数的闭包中，并保持完整和可访问：

var element = this.response_element;
AjaxNew.use(
  ajaxSerialize(this.form_element) + '&ajax_type=ControlSignIn',
  function(server_response_text) {
    ajaxType(server_response_text, element, 'respond'); 
});

答案是肯定的和否定的。是的，局部变量仍然存在，但this引用总是在每次函数调用时重置。因此，回调将具有自己的this值。

解决方案是利用答案中的"是"部分，并将this引用保存在另一个变量中。然后在回调中使用该变量（而不是this）。

也就是说，你的代码结构让我有点困惑，我无法准确地说出你的"回调"应该如何工作；也就是说，它引用了this，但我看不出它希望如何设置它。

相关文章：