익명 함수를 사용하여 KineticJS 객체에 이벤트 바인딩

Question

Canvas 및 KineticJS를 사용하는 프로젝트에서 작업 중입니다. 다양한 노드와 에지를로드/생성하고 다양한 환경에서 이들과 상호 작용할 때 원하는 기능을 제공합니다.

현재 익명 함수를 사용하여 생성 된 이벤트 핸들러를 이러한 객체에 바인딩합니다. 이런 식으로 뭔가 :

Node.prototype.setupNode = function(x, y) { 

    this.visual.on('tap', function(e) { 
     console.log(this.id); 
    }); 

    ... 
} 

나는 이벤트 핸들러의 몇 줄의 코드 공정 수의 일부는의 각 항목에 대한 결합하고, 나는 종종 몇 백 노드와 엣지 객체를 결합하고있어이있는 경우 , 이러한 개체를 이러한 이벤트에 바인딩하는 더 최적의 방법으로 성능을 향상시키고로드 시간과 리소스 사용을 줄일 수 있습니까?

미리 도움을 청하십시오.

Answer 1

당신은 이름이 지정된 함수를 만들 수 있으며, 다음과 같이는 이벤트 바인딩 기능을 참조 패스 :

function handleTap (e) { 
    //your code 
} 

Node.prototype.setupNode = function(x, y) { 
    this.visual.on('tap', handleTap); 
    ... 
}