익명 동작 스크립트의 이벤트 처리기로 기능 - 좋든 나쁘니?

Question

JS 월드에서 AS3에 왔는데 익명의 기능이 내 약점이라는 것을 고백해야합니다. 나는 그들을 도처에 쓰는 경향이있다. 이제는 AS3에 와서 많은 곳에서 들었습니다. AS와 Flash는 가비지 수집을 처리 할 때 매우 좋지 않습니다. 즉, 이상한 설명 할 수없는 메모리 누수를 피하기 위해 수동으로 모든 이벤트 핸들러와 객체를 비우고 삭제해야합니다. 충돌. 이 부분이 사실인지 모르지만 처음부터 모범 사례를 따르고 싶습니다.

내 질문에 - 얼마나 나쁜 이벤트 처리기로 익명의 기능을 사용하는 아이디어입니까? ,

addEventListener(Event.ENTER_FRAME, function() : void { 
    controls.elapsed = stream.time; 
}); 

이 떨어져 비디오 플레이어의 현재 재생 시간 설정에서 전체 UI를 업데이트 세터입니다 contorls.elapsed 및 스트림이 NetStream을 객체입니다 예를 들어이 같은 코드를 살펴 보자 실제 비디오를 스트리밍합니다.

익명의 기능으로 코드를보다 명확하고 직관적으로 만들 수있는 곳이 많이 있습니다. 간단한 페이드 인 효과를 컨트롤 바의 다음 코드 확인 : 나는 완전히 보이는하고 코드에 맞는 방법과 같은

public function showControls() : void 
    { 
     var self:Controls = this; 

     if (!visible) { 
      visible = true; 
      fadeTimer = new Timer(30, 10); 
      fadeTimer.addEventListener(TimerEvent.TIMER, function() : void { 
       self.alpha += 0.1; 
      }); 
      fadeTimer.addEventListener(TimerEvent.TIMER_COMPLETE, function() : void { 
       self.alpha = 1; 
      }); 
      fadeTimer.start(); 
     } 
    } 

을,하지만 난 누출에 대한 걱정. Event.ENTER_FRAME 핸들러는이 형식에서는 결코 해를 끼치 지 않지만 타이머 리스너는 어떨까요? 해당 리스너를 수동으로 제거해야합니까, 아니면 자동으로 제거 되나요? fadeTimer = null? 익명 함수를 사용하는 리스너를 제대로 제거 할 수 있습니까?

Answer 1

작동하는 함수 방법을 사용할 때 아무 문제가 없습니다. 메모리 누출에 관해서는 스테이지에서 객체를 추적하여 객체를 제거 할 수 있는지 확인해야합니다. 상기 제어에 ENTER_FRAME 이벤트 핸들러는 추가

제어가 익명 함수에 대한 참조를 갖는 것을 보장한다. 코드가 컨트롤의 일부이므로 컨트롤이있을 때 익명의 함수가 제거되므로 잘됩니다. 타이머에 이벤트 핸들러 추가

는 타이머가 익명 함수에 대한 참조를 갖는 것을 보장한다. 타이머가 실행중인 경우 익명 함수 참조를 유지하고 연관별로 Enture 제어를 유지합니다. 타이머가 정지되면 타이머와 타이머가 모두 수집되어야합니다.

다른 모든 방법이 실패하면 프로파일 러를 사용하여보십시오! ;)

Answer 2

나는 이렇게 할 것입니다. 인터럽트되면 타이머를 지우려면 dispose()를 사용해야합니다.

private function showControls() : void 
{ 
    if(_isVisible) 
     return; 

    // start you control here 
    _fadeTimer = new Timer(30, 10); 
    _fadeTimer.removeEventListener(TimerEvent.TIMER, updateFade); 
    _fadeTimer.removeEventListener(TimerEvent.TIMER_COMPLETE, updateFadeComplete); 
    _fadeTimer.start(); 
} 

private function updateFade(event : TimerEvent) : void 
{ 
    // update fade here 
} 

private function updateFadeComplete(event : TimerEvent) : void 
{ 
    dispose(); 
} 


private function dispose() : void 
{ 
    if(_fadeTimer) 
    { 
     _fadeTimer.stop(); 
     _fadeTimer.removeEventListener(TimerEvent.TIMER, updateFade); 
     _fadeTimer.removeEventListener(TimerEvent.TIMER_COMPLETE, updateFadeComplete); 
     _fadeTimer = null; 
    } 
} 

Answer 3

그냥이 게시물에 주목 - 당신에게 사용 가능한 몇 가지가 있습니다. 하나는 arguments.callee (현재있는 함수에 대한 참조)입니다. 익명 함수에서 참조를 제거 할 때 유용합니다. 또한 은이 addEventListener 코드에서 약한 참조를 사용할 수 있음을 알 수 있습니다. 그러나 익명 인 변수의 경우 GC'd가 바로 발생하므로이 함수는 작동하지 않습니다.단순함을 위해 다음과 같이 코드를 다시 작성했습니다. (작동해야 함 - 테스트하지 않았습니다)

private function showControls() : void { 

    if (visible) { 
     return; 
    } 

    var self:DisplayObject = this; 

    var fadeTimer= new Timer(30,10); 
    var handler = function(e:Event) { 

     switch (e.type) { 

      // timer complete 
      case TimerEvent.TIMER_COMPLETE: 

       // remove references to this anonymous function -- for garbage collection 
       fadeTimer.removeEventListener(TimerEvent.TIMER_COMPLETE, arguments.callee); 
       fadeTimer.removeEventListener(TimerEvent.TIMER, arguments.callee); 

       // break out 
       return self.alpha = 1; 

      // timer 
      case TimerEvent.TIMER: 
       return self.alpha += 0.1; 

     } 
    } 

    fadeTimer.addEventListener(TimerEvent.TIMER, handler); 
    fadeTimer.addEventListener(TimerEvent.TIMER_COMPLETE, handler); 
    fadeTimer.start(); 

}