example.js

var fq = new FrameQueue((a,b,c) => {
  console.log(a,b,c);
});

fq.add(1,2,3);
fq.add('str');

await fq.run();

FrameQueue.js

export class FrameQueue {
    
    constructor(method) {
        this.queue = [];
        this.method = method;
        this.ondone = null;
    }

    add() {
        this.queue.push(this._f.apply(this, arguments));
    }

    _f() {
        var args = arguments;
        var self = this;

        return function () {
            self.method(...args);
            var next = self.queue.shift();

            if (typeof next === 'function') {
                requestAnimationFrame(next);
            }
            else
                self.ondone();
        }
    }

    async run() {
        var self = this;
        
        return new Promise(res => {
            self.ondone = res;
            if (self.queue.length === 0)
                throw new Error('Queue have no elements');
            else
                self.queue.shift()();
        });
    }
}