promise

最新推荐文章于 2024-11-13 01:18:00 发布

2201_760617077

最新推荐文章于 2024-11-13 01:18:00 发布

阅读量62

点赞数

文章标签： javascript 前端 ajax Powered by 金山文档

本文链接：https://blog.csdn.net/2201_76061706/article/details/128855902

版权

文章介绍了异步编程中的回调地狱问题以及如何利用Promise来解决这一问题。Promise具有pending、fulfilled和rejected三种状态，通过then方法链式调用来管理回调函数，使得代码结构更加清晰。示例中展示了如何将嵌套的setTimeout转换为Promise链式调用，以避免回调地狱。

摘要由CSDN通过智能技术生成

异步编程的方式，可以解决回调地狱的问题

特点：

有三个状态

pending（正在进行）到fulfilled（已经成功）--成功---resolve

pending（正在进行）到rejected（已经失败）--失败---reject

接收一个回调函数里面有两个参数

回调地狱

setTimeout(function() {
            console.log(1);
            setTimeout(function() {
                console.log(2);
                setTimeout(function() {
                    console.log(3);
                    setTimeout(function() {
                        console.log(4);
                    },4000)
                },3000)
            },2000)
        },1000)

解决回调地狱

const p = new Promise(function (resolve, reject) {
    setTimeout(function () {
        console.log(1);
        resolve(2)
    }, 1000)
})

p.then(function (value) {
    return new Promise(function (resolve, reject) {
        setTimeout(function () {
            console.log(value);
            resolve(3)
        }, 2000)
    })
}
).then(
    function (value) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                console.log(value);
                reject(4)
            }, 3000)
        })
    }
).then(
    function (value) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                console.log(value);

            }, 3000)
        })
    }, function (error) {
        return new Promise(function (resolve, reject) {
            setTimeout(function () {
                console.log('失败' + error);

            }, 3000)
        })
    }
)