JS事件循环题【同步代码、微任务、宏任务】

注：纯手打，如有错误欢迎评论区交流！
转载请注明出处：https://blog.csdn.net/testleaf/article/details/150562604
编写此文是为了更好地学习前端知识，如果损害了有关人的利益，请联系删除！
本文章将不定时更新，敬请期待！！！
欢迎点赞、收藏、转发、关注，多谢！！！

1、

console.log('1');
setTimeout(() => {
    console.log('2');
    new Promise( resolve => {
        console.log('3');
        // resolve()
    }).then(() => {
        console.log('4');
    })
})

new Promise(resolve => {
    console.log('5');
    for(let i = 0;i < 9;i++){
        i == 7 && resolve();
    }
    console.log('6');
}).then(() => {
    console.log('7');
})

setTimeout(() => {
    console.log('8');
    new Promise(resolve => {
        console.log('9');
        resolve();
    }).then(() => {
        console.log('10');
    })
})
console.log('11')

2、

console.log('1');

setTimeout(() => console.log('2'), 0);

Promise.resolve().then(() => console.log('3'));

async function foo() {
    console.log('4');
    await Promise.resolve();
    console.log('5');
}

foo();

console.log('6');

3、

async function async1() {
    console.log('1');
    await async2();
    console.log('2');
}

async function async2() {
    console.log('3');
}

console.log('4');

setTimeout(() => {
    console.log('5');
}, 0);

async1();

new Promise(resolve => {
    console.log('6');
    resolve();
}).then(() => {
    console.log('7');
});

console.log('8');

4、

Promise.resolve().then(() => {
    console.log('1');
    return Promise.resolve('2');
}).then((res) => {
    console.log(res);
    return new Promise(resolve => {
        setTimeout(() => {
            console.log('3');
            resolve('4');
        }, 0);
    });
}).then((res) => {
    console.log(res);
});

async function asyncFunc() {
    console.log('5');
    await Promise.resolve();
    console.log('6');
}

asyncFunc();

setTimeout(() => console.log('7'), 0);

console.log('8');

5、

console.log('1');

const promise1 = new Promise((resolve) => {
    console.log('2');
    // resolve('3');
});

setTimeout(() => {
    console.log('4');
    Promise.resolve().then(() => console.log('5'));
}, 0);

promise1.then((res) => {
    console.log(res);
    setTimeout(() => console.log('6'), 0);
});

async function asyncFunc() {
    console.log('7');
    await promise1;
    console.log('8');
}

asyncFunc();

console.log('9');

6、

async function async1() {
    console.log('1');
    await async2();
    console.log('2');
}

async function async2() {
    console.log('3');
    await async3();
    console.log('4');
}

async function async3() {
    console.log('5');
    await Promise.resolve();
    console.log('6');
}

console.log('7');

setTimeout(() => console.log('8'), 0);

async1();

new Promise(resolve => {
    console.log('9');
    resolve();
}).then(() => {
    console.log('10');
});

console.log('11');