promise

最新推荐文章于 2024-04-27 07:44:20 发布

xiaobaixiaye

最新推荐文章于 2024-04-27 07:44:20 发布

阅读量125

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/xiaobaixiaye/article/details/112424205

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

未使用promise

function test(callback) {
        setTimeout(function () {
            var a = '1';
            callback(a);
        }, 500);
    }

    function test2(ret, callback) {
        setTimeout(function () {
            var a = ret + '2';
            callback(a)
        }, 500);
    }

    function test3(ret, callback) {
        setTimeout(function () {
            var a = ret + '3';
            callback(a);
        }, 500);
    }

    function test4(ret, callback) {
        setTimeout(function () {
            var a = ret + '4';
            callback(a);
        }, 500);
    }

    function test5(ret) {
        setTimeout(function () {
            var a = ret + '5';
            console.log(a)
        }, 500);
    }


    test(function (a) {
        test2(a, function (a1) {
            test3(a1, function (a2) {
                test4(a2, function (a3) {
                    test5(a3);
                })
            })
        });
    })

使用promise

function test() {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                var a = '1';
                resolve(a);
            }, 500);
        })
    }

    function test2(ret) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                var a = ret + '2';
                resolve(a);
            }, 500);
        })
    }

    function test3(ret) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                var a = ret + '3';
                resolve(a);
            }, 500);
        })
    }

    function test4(ret) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                var a = ret + '4';
                resolve(a);
            }, 500);
        })
    }

    function test5(ret) {
        setTimeout(function () {
            var a = ret + '5';
            console.log(a)
        }, 500);
    }

    test().then(function (a) {
        return test2(a)
    }).then(function (b) {
        return test3(b)
    }).then(function (c) {
        return test4(c);
    }).then(function (d) {
        test5(d)
    });