如何從Kinetic.js單擊事件獲得類訪問

Question

我似乎無法在我的單擊事件中獲取打字稿類實例。

我有一個TypeScript類Navigation。

class Navigation 
{ 
    currentPage: number; 

    wireMouseEvents() 
    { 
     this.buttonPrevious.on("click", function(): void { 
      if (this.currentPage > 1) 
      { 
       // do more work with Navigation objects 
      } 
     }); 
    } 
} 

而這正是導致的JavaScript：

Navigation.prototype.wireMouseEvents = function() { 
    var _this = this; 
    this.buttonPrevious.on("click", function() { 
     if(_this.currentPage > 1) { 
      // do more work with Navigation objects 

     } 
    }); 
}; 

該事件被觸發，但currentPage是不確定的。 在調試器的點擊事件中查看「this」時，它是一個Kinetic.Text對象。

如何確保點擊處理程序的範圍是我的類Navigation？

Answer 1

您發佈的手稿不會編譯爲您發佈的JavaScript。 this.buttonPrevious.on("click", function(): void {等不會產生_this以維護詞彙範圍。只有this.buttonPrevious.on("click",() => {會這樣做。見here。

您需要使用脂肪箭頭功能保持範圍：

class NavigationWithFatArrow 
{ 
    currentPage: number; 

    wireMouseEvents() 
    { 
     this.buttonPrevious.on("click",() => { 
      if (this.currentPage > 1) 
      { 
       // do more work with Navigation objects 
      } 
     }); 
    } 
} 

您可能還需要嘗試在構造函數結合，以確保您始終獲得正確的「本」。請參閱Ryan Cavanaugh的答案：https://stackoverflow.com/a/16029714/1014822