Kinetic.js 클릭 이벤트에서 클래스에 액세스하는 방법

Question

click 이벤트 내에서 typescript 클래스 인스턴스를 가져올 수 없습니다.

저는 TypeScript 클래스 Navigation입니다.

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

     } 
    }); 
}; 

이벤트 해고 되나 currentPage이 정의되지 :

class Navigation 
{ 
    currentPage: number; 

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

는 그리고이 결과 자바 스크립트입니다. 디버거의 click 이벤트에서 "this"를 볼 때 Kinetic.Text 개체입니다.

클릭 핸들러의 범위가 내 클래스 Navigation인지 어떻게 확인할 수 있습니까?

Answer 1

게시 한 Typescript가 게시 한 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