setTimeout Promise

最新推荐文章于 2024-07-30 14:05:53 发布

未晏

最新推荐文章于 2024-07-30 14:05:53 发布

阅读量117

点赞数

分类专栏： js 前端

本文链接：https://blog.csdn.net/StruggleK/article/details/104288009

版权

js 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

前端

6 篇文章 0 订阅

订阅专栏

 setTimeout(function() {
        console.log("1")
        setTimeout(function() {
            console.log('2')
            setTimeout(function() {
                console.log('3')
                setTimeout(function() {
                    console.log('4')
                }, 1000)
            }, 1000)
        }, 1000)
    }, 1000)

    function f1() {
        return new Promise(function(resolve, rejext) {
            setTimeout(function() {
                resolve('1')
            }, 1000)
        })
    }

    function f2() {
        return new Promise(function(resolve, rejext) {
            setTimeout(function() {
                resolve('2')
            }, 1000)
        })
    }

    function f3() {
        return new Promise(function(resolve, rejext) {
            setTimeout(function() {
                resolve('3')
            }, 1000)
        })
    }

    function f4() {
        return new Promise(function(resolve, rejext) {
            setTimeout(function() {
                resolve('4')
            }, 1000)
        })
    }

    f1().then(function(data) {
        console.log(data)
        return f2()
    }).then(function(data) {
        console.log(data)
        return f3()
    }).then(function(data) {
        console.log(data)
        return f4()
    }).then(function(data) {
        console.log(data)
    })