Wiele requestAnimationFrame wydajność

Question

Jeśli robię wiele animacji, czy jest w porządku pod względem wydajności, aby dodać wiele wywołań zwrotnych requestAnimationFrame? F.ex:

function anim1() { 
    // animate element 1 
} 

function anim2() { 
    // animate element 2 
} 

function anim3() { 
    // animate element 3 
} 

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

Albo jest to udowodnione gorzej niż za pomocą jednego wywołania zwrotnego:

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

Pytam, bo ja naprawdę nie wiem, co się dzieje za kulisami, to requestAnimationFrame kolejkowanie wywołań zwrotnych, gdy wywołujesz go wiele razy?

Answer 1

Powinieneś używać tylko jednego połączenia requestAnimationFrame jako połączenia z requestAnimationFrame do stosu. Wersja pojedynczego wywołania zwrotnego jest więc bardziej wydajna.