宏任务和微任务

参考：https://www.jianshu.com/p/bcbf7894027c

 

 

 示例 1：宏任务中包含微任务

(function() {

    setTimeout(() => {

        console.log(1)

        new Promise((res, rej) => {

            res()

        }).then(() => console.log(2))

        console.log(3)

    })

    setTimeout(() => {

        console.log(4)

        new Promise((res, rej) => {

            res()

        }).then(() => console.log(5))

        console.log(6)

    })

}())

undefined

1

3

2

4

6

5

 示例 2：微任务中包含宏任务

(function() {

    new Promise((res, rej) => {

        res()

    }).then(() => {

        console.log(1)

        setTimeout(() => console.log(2))

        console.log(3)

    })

    new Promise((res, rej) => {

        res()

    }).then(() => {

        console.log(4)

        setTimeout(() => console.log(5))

        console.log(6)

    })

}())

1

3

4

6

undefined

2

5

 

---

----------- 赠人玫瑰,手有余香     如果本文对您有所帮助,动动手指扫一扫哟   么么哒 -----------