promise基本理解

最新推荐文章于 2024-01-23 08:41:49 发布

呆子zhou

最新推荐文章于 2024-01-23 08:41:49 发布

阅读量132

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/z_lengqiu/article/details/111690632

版权

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

const pA = () =>{
    return new Promise(resolve=>{
        resolve()
    })
}

const fn1 = () =>{
    fn2()
    console.log(1)
}

const fn2 = async () => {
    await pA()
    console.log('b')
}

async function fn() {
    await fn1()
    console.log('a')
}

fn()

打印顺序： b a

理解:
将async await 写成promise形式

const pA = () => {

    return new Promise(resolve => {

        resolve()

    })

}

const fn1 = () => {

    fn2()

}

const fn2 = () => {

    Promise.resolve(pA()).then(function B(res){

        console.log('pA返回值', res)

        console.log('b', res2)

    })

}

function fn() {

    Promise.resolve(fn1()).then(function A(res) => {

        console.log('fn1返回值', res)

        console.log('a', res2)

    })

}

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

fn()

执行时，主线程，执行到fn1(), 其中的then回调B先压入微任务队列(先进先出，非栈)，其后then回调A压入微任务队列，主代码块执行完毕，依次执行微任务队列中的‘b’, 'a'

另:

如果有多个顺序await，就会有多个promise的.then, 此时边执行微任务，碰到新的微任务，会往微任务队列里添加到队尾，此轮微任务的主代码块执行完后，会从微任务队列的队头取任务，如果没有，就从宏任务队列取，（压入的算本宏任务下轮的，跟本微任务没关系了？）

宏任务是每次执行一个，微任务每次清空队列，循环往复