对象内的Javascript回调

Question

我在写一个Javascript应用程序，它通过AJAX获取HTML文档，然后需要处理它以将事件侦听器（特别是Bootstrap弹出）附加到其中的元素。我很难附加听众，我认为这是一个范围问题。下面是相关的代码：

var App = function(site){ 

    this.load = function(data, func){ 
    $('div.ajax').html(data); 
    func(); 
    } 

    this.dispatch = function(data){ 

    if(data.indexOf('from_server') !== -1){ 
     this.load(data, this.process); 
     console.log('Loaded view from Matisse.'); 
     return true; 
    } 

    } 

    this.process = function(){ 
    this.popovers('from_server'); 
    } 

    this.popovers = function(el){ 
    var that = this; 
    $('img.artwork.gallery', el).each(function(){ 
     $(this).popover({ trigger: 'hover', content: that.popoverPopulate(this) }); 
    }); 
    } 

    this.popoverPopulate = function(el){ 
    return $(el).next('div.popover_content').html(); 
    } 
} 

var APP = new App(); 

$.ajax({blah: blah, success: function(data){ APP.dispatch(data); }}); 

... 

的问题（我认为）是this.load的func()电话。如果我通过它this.process()，那么它将'this'范围限定到窗口，并且出现错误。如果我通过this.process，它是一个创建的lambda，它仍然失败。如果我打电话this.func()发生同样的问题。

我该如何a）使用回调将应用范围保存在App对象中，或者b）重新组织这个混乱以在加载后调用处理程序？

Answer 1

我想像你想要使用的var that=this作用域招上所有的方法：

var App = function(site){ 

    var that = this; 

    this.load = function(data, func){ 
    $('div.ajax').html(data); 
    func(); 
    } 

    this.dispatch = function(data){ 

    if(data.indexOf('from_server') !== -1){ 
     that.load(data, that.process); 
     console.log('Loaded view from Matisse.'); 
     return true; 
    } 

    } 

    this.process = function(){ 
    that.popovers('from_server'); 
    } 

    this.popovers = function(el){ 
    $('img.artwork.gallery', el).each(function(){ 
     $(that).popover({ trigger: 'hover', content: that.popoverPopulate(this) }); 
    }); 
    } 

    this.popoverPopulate = function(el){ 
    return $(el).next('div.popover_content').html(); 
    } 
} 

Answer 2

这是指它是目前使用的上下文。所以当你做this.process它将会定位到窗口。如果您这样做App.load(data, App.process)那么它将针对App对象中的过程函数。

Answer 3

事情是这样的：

var App = function(site){ 
    var self = this; //-<!!! 

    this.load = function(data, func){ 

    ... 

    this.dispatch = function(data){ 
     if(data.indexOf('from_server') !== -1){ 
      self.load(data, self.process); 
    ...