lovecoding
/
W250913


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
							<!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>
        // 第一题 1 3 2

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


        // 第二题 1 5 4 2 3

        // 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 - Macro Task 3 - Micro Task

        // 同步任务，输出 '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');

        // 第四题  Start Promise 4 End Promise 5 Timeout 5
        // 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 0 1 2 3 4 Timeout 2

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


        // 第六题  Start Async 1 Promise 8 End Async 2 Timeout 7

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

        }
        asyncFunc();
        console.log('End');
    </script>
</body>

</html>