如何获取jQuery回调函数中的当前对象引用？

Question

I have a javascript Object called aObject and a fucntion inside it is used as a jQuery Callback function like this:

var aObject = {
    aVariable : 'whatever value',
    test : function(e) {
        // Trying to access property. But doesn't work as expected since I am getting the DOM element i.e form, not the aObject reference
        var temp = this.aVariable;
    }
}

$('document').ready(function(){
  $('#some-html-form').submit(aObject.test);
});

When I call the test method in aObject , this refers to the form element that has been submitted. I want to access current object from the test callback function?

I tried the below code as described in this answer but it did not work for me

$(document).ready(function() {
   $('#add_api_form').submit(api_cahce.handle_add_form_submit.bind(this));
});

Answer 1

bind with aObject then you can access the variable.

var aObject = {
    aVariable : 'whatever value',
    test : function(e) {
        var temp = this.aVariable;
    }
}

$('document').ready(function(){
  $('#some-html-form').submit(aObject.test.bind(aObject));
});