jQuery: Wie greife ich von der anonymen Funktion aus auf die übergeordnete Funktion “this” zu?

...
$.fn.annotateEdit = function(image, note) {
    if (note) {
        this.note = note;
    } else {
        var newNote = new Object();
        newNote.id = "new";
        this.note = newNote;
    }
}
...
var mynote = this.note;

form.find(':radio').change(function() {
    var vacancy = $(this).attr('value');
    mynote.vacancy = vacancy;
});
...

Ist es möglich, vom change()-Handler aus auf „this.note“ zuzugreifen, ohne „mynote“ zu definieren?

Ich verwende ein Muster wie dieses, damit ich auf alles im umschließenden Bereich zugreifen kann:

var that = this;
...

form.find(':radio').change(function () {
    that.note.vacancy = $(this).attr('value');
});

Ich bin ein Fan dieses Musters, weil es den Code etwas besser lesbar macht. Meiner Meinung nach ist klar, worauf zugegriffen wird, was Teil des umschließenden Bereichs ist (solange die Verwendung von that ist konsistent).

Verwenden $.proxy um es an eine Funktion zu binden …

   // Returns a function-------v
form.find(':radio').change( $.proxy(function() {

    var vacancy = $(this).attr('value');
    mynote.vacancy = vacancy;

}, this) );
//   ^---- ...that has its "this" value set as this argument.

Es gibt keinen dedizierten Sprachmechanismus dafür. Das übliche Muster ist die Speicherung der this in lokaler (Abschluss-)Variable (oft benannt self oder that) der äußeren Funktion:

var self = this;
var innerFunction = function() {
    self.x = 1;
};

Überprüfen Sie dies – http://api.jquery.com/bind/ und “Ereignisdaten übergeben” Sie können so etwas tun:

form.find(':radio').bind("change", {
context : this
}, function(event){
    console.log(event.data.context);
    console.log(event.data.context.note);
});

Sie können den Kontext des übergeordneten Objekts so binden.

form.find(':radio').change(function(that) {
    var vacancy = $(this).attr('value');
    that.note.vacancy = vacancy;
}.bind(null,this));