js 异步执行顺序

2018-12-13 本文已影响0人团子Secret

某天中午午饭前，11:48分，钉钉突然闪动了起来。消息如下：

一张答对就有午饭的图片，ps： 12:00午饭.png

代码如下：

(function() {

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

    new Promise(resolve => {
        console.log(1);

        setTimeout(() => {
            resolve();
            Promise.resolve().then(() => console.log(2));
            console.log(3);
        });

        Promise.resolve().then(() => console.log(4));

    }).then(() => {
        console.log(5);
        Promise.resolve().then(() => console.log(8)); //这句是多加的
        setTimeout(() => console.log(6));
    });

    console.log(7);

})();

那么打印顺序是咋样的呢？我们来好好分析一下。

(╥╯^╰╥)emmmm,被批评了解释的不够简单易懂，我残忍的删掉了一大段解释

这里本来有一大段关于上面那个题目的解释

我决定了，上面那题你们自己做，做对了，就请我吃一顿午饭！！！！！！！！！！！

那咱们来一个更加复杂的来分析分析
下题的打印顺序是啥？

(function() {
    setTimeout(() => {
        console.log(0);
    });

    new Promise(resolve => {

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

        Promise.resolve().then(() => console.log(5));

    }).then(() => {

        console.log(6);
        Promise.resolve().then(() => console.log(7));
        setTimeout(() => console.log(8));

    });

    console.log(9);
})();