Test event loop in javascript

event_loop.js

function foo() {
    console.log('foo');
}
function bar() {
    setTimeout(foo);
    console.log('bar');
}
function baz() {
    setTimeout(() => console.log('baz'));
}
function liz() {
    requestAnimationFrame(() => console.log('liz'));
}
function rep() {
    Promise.resolve().then(() => console.log('rep'));
}
function rep2() {
    setTimeout(()=>Promise.resolve().then(() => console.log('rep2')));
}


console.log('start');
rep2();
foo();
bar();
baz();
liz();
rep();
console.log('end');

/*
Result
1. start, foo, bar, end, rep, rep2, foo, baz, liz
2. start, foo, foo, bar, baz, liz, rep, rep2 end
3. start, end, foo, bar, rep2, foo, baz, liz, rep
4. start, foo, bar, end, foo, baz, liz, rep, rep2
*/