Question

我有一个函数，它是一个JQuery事件处理程序。因为它是一个JQuery事件处理程序，所以它使用this变量来引用调用它的对象（对于该库来说是正常的）。

不幸的是，此时我需要手动调用该方法。如何在被调用函数中使this的行为就像从JQuery调用它一样？

示例代码：

function performAjaxRequest() {
    //Function which builds AJAX request in terms of "this"
}

function buildForm(dialogOfForm) {
    var inputItem;
    dialogOfForm.html('...');
    dialogOfForm.dialog('option', 'buttons', {
        "Ok" : performAjaxRequest
    });
    inputItem = dialogOfForm.children(':not(label)');
    //Redirect enter to submit the form
    inputItem.keypress(function (e) {
        if (e.which === 13) {
            performAjaxRequest(); //Note that 'this' isn't the dialog box
                                  //as performAjaxRequest expects here, it's
                                  //the input element where the user pressed
                                  //enter!
        }
    }
}

Answer 1

您可以使用函数的call方法。

someFunction.call(objectToBeThis, argument1, argument2, andSoOnAndSoOn);

Answer 2

如果dialog是您需要设置为this的对象，则：

performAjaxRequest.apply(dialog, []); 
// arguments (instead of []) might be even better

应该这样做。

否则，在jQuery中，您只需在要设置为this的元素上调用trigger方法

例如，假设您希望在按钮上发生click事件，并且您需要将其发生现在。只需致电：

$("#my_button").trigger("click");

您的#my_button click处理程序将被调用，this将被设置为#my_button元素。

如果你需要使用不同的this调用一个方法...例如，用this引用jQuery对象本身，那么你将需要使用call或apply关于你的功能。

Chuck和meder已经给你了每个例子......但是要把所有东西放在一个地方：

// Call
my_function.call(object_to_use_for_this, argument1, argument2, ... argumentN);

// Apply
my_function.apply(object_to_use_for_this, arguments_array);

参见：A List Apart's Get Out of Binding Situations

Answer 3

你在寻找..

functionRef.apply( objectContext, arguments);

Answer 4

你当然应该学会掌握call()和apply()，正如人们所说，但是小帮手永远不会伤害......

在jQuery中，有$.proxy。在纯粹的js中，你可以用以下内容重新创建那个漂亮的东西;

function proxyFn( fn , scope ){
  return function(){
     return fn.apply(scope,arguments);
  }
}

使用示例：

var myFunctionThatUsesThis = function(A,B){
  console.log(this,arguments); // {foo:'bar'},'a','b'
};

// setTimeout or do Ajax call or whatever you suppose loses "this"

var thisTarget = {foo: 'bar'};
setTimeout( proxyFn( myFunctionThatUsesThis, thisTarget) , 1000 , 'a', 'b' );

// or...

var contextForcedCallback = proxyFn( myAjaxCallback , someObjectToBeThis );
performAjaxRequest(myURL, someArgs, contextForcedCallback );

如果你不滥用它，那么它永远不会失去“这个”的范围。

Answer 5

使用闭包即尽早分配给它;然后你可以用它做你喜欢的事。

var that = this;

如何在Javascript中重新定义`this`？

5 个答案: