javascript scope in requestAnimationFrame

Question

애니메이션에 대한 선택 옵션을 만들고 싶습니다. 따라서 선택되는 유형에 상관없이 캔버스에 표시됩니다. 주요 JS에서 다음

(function (exports) { 

    function animationA() {} 
    animationA.prototype.init = function(){} 
    animationA.prototype.draw = function(){} 

    exports.animationA = animationA; 
})(this); 

: 나는 오류 업데이트 (a.draw)에서 발생 발견

var a = new animationA(); 

    function setup() { 
    a.init(); 
    } 

    function update(callback) { 
    requestAnimationFrame(function() { 
     update(callback); 
    }); 
    console.log(this); 
    callback(); 
    } 

    setup(); 
    update(a.draw); 

그래서 나는 "클래스"각 애니메이션을합니다. 이 코드 줄에서는 a의 속성에 액세스 할 수 없습니다. 이것이 자바 스크립트 범위 문제인지 궁금합니다.

감사합니다.

Answer 1

일반 이벤트 콜백과 마찬가지로 requestAnimationFrame을 호출하기 전에 콜백 내부에서 참조 할 컨텍스트에 대한 참조를 만들어야합니다.

Var that = this; 

requestAnimationFrame(function(){ 

that.doSimething(); 

});