lovecoding
/
web0715


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
							<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // console.log('1');
        // setTimeout(function () {
        //     console.log('2');
        // }, 0);
        // console.log('3');
        // 1
        // 3
        // 2

        // console.log('1');
        // setTimeout(function () {
        //     console.log('2');
        //     Promise.resolve().then(function () {
        //         console.log('3');
        //     });
        // }, 0);
        // Promise.resolve().then(function () {
        //     console.log('4');
        // });
        // console.log('5');
        // 1
        // 5
        // 4
        // 2
        // 3

        // 同步任务，输出 '1'
        // console.log('1');
        // setTimeout(() => {
        //     // 定时器回调函数，宏任务
        //     console.log('2 - Macro Task');
        //     // 添加一个微任务到队列中
        //     Promise.resolve().then(() => console.log('3 - Micro Task'));
        // }, 0);
        // // 添加一个微任务到队列中
        // Promise.resolve().then(() => console.log('4 - Micro Task'));
        // // 同步任务，输出 '5'
        // console.log('5');
        // 1
        // 5
        // 4
        // 2
        // 3

        // console.log('Start');
        // setTimeout(() => {
        //     console.log('Timeout 5');
        // }, 100);
        // new Promise((resolve) => {
        //     console.log('Promise 4');
        //     resolve();
        // }).then(() => {
        //     console.log('Promise 5');
        // });
        // console.log('End');
        // start
        // Promise 4
        // end
        // Promise 5
        // Timeout 5

        // console.log('Start');
        // setTimeout(() => {
        //     console.log('Timeout 2');
        // }, 100);
        // for (let i = 0; i < 5; i++) {
        //     console.log(i);
        // }
        // start
        // 0
        // 1
        // 2
        // 3
        // 4
        // Timeout 2


        console.log('Start');
        setTimeout(() => {
            console.log('Timeout 7');
        }, 0);
        async function asyncFunc() {
            console.log('Async 1');
            await new Promise((resolve) => {
                console.log('Promise 8');
                resolve();
            });
            console.log('Async 2');
        }
        asyncFunc();
        console.log('End');
        // start
        // Async 1
        // Promise 8
        // End
        // Async 2
        // Timeout 7


    </script>
</body>

</html>