여러 requestAnimationFrame 성능

Question

여러 애니메이션을 수행하는 경우 여러 requestAnimationFrame 콜백을 추가하는 것이 성능면에서 좋습니까? F.ex :

function anim1() { 
    // animate element 1 
} 

function anim2() { 
    // animate element 2 
} 

function anim3() { 
    // animate element 3 
} 

requestAnimationFrame(anim1); 
requestAnimationFrame(anim2); 
requestAnimationFrame(anim3); 

또는 그것이 하나의 콜백 사용하는 것보다 더 나쁜 입증 :

(function anim() { 
    requestAnimationFrame(anim); 
    anim1(); 
    anim2(); 
    anim3(); 
}()); 

정말 무대 뒤에서 무슨 일이 일어나고 있는지 모르기 때문에 내가 부탁 해요을 requestAnimationFrame입니다 콜백을 여러 번 호출 할 때 콜백을 대기열에 넣으시겠습니까?

Answer 1

requestAnimationFrame do call로 걸려 오는 전화는 requestAnimationFrame입니다. 따라서 단일 콜백 버전이 더 효율적입니다.