OOP與回調

Question

我要關閉我的窗口（只是一個絕對位置可拖動DIV）當我點擊的緊密聯繫

於JavaScript這是我的代碼

function ApplicationWindow() { 
    this.window = $('<div class="window"></div>'); 

    this.create = function create() { 
     //..... 
     var closeButton = this.window.find('.close'); 
     closeButton.live('click', this.close); 
    } 

    this.close = function close() { 
     this.window.fadeOut(200); 
    }; 
} 

當我點擊在關閉按鈕上執行關閉功能，但問題是我得到一個錯誤「this.window is undefined」。這是因爲關閉函數是作爲回調傳遞的，但我的問題是我如何能夠很好地解決這個問題？

Answer 1

這樣;

function ApplicationWindow() { 
    this.window = $('<div class="window"></div>'); 

    this.create = function create() { 
     //..... 
     var closeButton = this.window.find('.close'); 
     var self = this; 
     closeButton.live('click', function() { 
      self.window.fadeOut(200); 
     }); 
    } 
} 

Answer 2

請勿使用this。在JS中，保留字this根據上下文而變化，所以在這種情況下您要避免它。

使用範圍一個簡單的變量應該解決的問題：

function ApplicationWindow() { 
    var theWindow = $('<div class="window"></div>'); 

    this.create = function create() { 
     //..... 
     var closeButton = theWindow.find('.close'); 
     closeButton.live('click', this.close); 
    } 

    this.close = function close() { 
     theWindow.fadeOut(200); 
    }; 
} 

Answer 3

什麼庫您使用？你應該能夠在功能綁定到你的對象：

this.close = function close() { 
    this.window.fadeOut(200); 
}.bind(this); 

Answer 4

對JavaScript的好奇this - 結合功能的說明，以及如何解決它使用一個明確的關閉或function.bind見this answer。