jQuery:如何从匿名函数内部访问父函数"this"？

Question

...
$.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;
});
...

是否可以从change()处理程序访问"this.note"而无需定义"mynote"？

Answer 1

我使用这样的模式,所以我可以访问封闭范围内的任何内容:

var that = this;
...

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

我是这种模式的粉丝,因为它使代码更具可读性.在我看来,很明显它被访问的是封闭范围的一部分(只要使用that是一致的).

Answer 2

使用$.proxy将其绑定到一个函数...

   // 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.