Question

一旦激活ajax回调功能，我想调用内部函数。因为有一个延迟我想知道调用它时我的局部变量是否仍然是正确的，尤其是回调函数使用的this.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' ); 
}

Answer 1

答案是肯定的，不是。是的，局部变量仍然存在，但this引用始终在每个函数调用上重置。因此，回调将具有自己的this值。

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

现在，那说，你的代码结构让我感到困惑，我无法准确地告诉你的“回调”是如何工作的;也就是说，它引用this，但我看不出它是如何设置的。

Answer 2

不，它不会。尽管该属性可能完好无损，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'); 
});

在Ajax回调中，局部变量是否仍在范围内？

2 个答案: