promise解决回调地狱的问题

最新推荐文章于 2024-04-25 00:03:36 发布

qcc0716

最新推荐文章于 2024-04-25 00:03:36 发布

阅读量327

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/qcc0716/article/details/110436673

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

什么是回调地狱

- 怎么解决回调地狱的问题

要了解什么是回调地狱，首先要了解 什么是同步，什么是异步函数
同步函数：当一个函数是同步执行时，那么当该函数被调用时不会立即返回，直到该函数要做的事情全部做完之后才返回
异步函数：如果一个异步函数被调用时，该函数会立即返回尽管该函数规定的操作任务还没有完成。

function ran(bang) {
            console.log('然起跑。。。。。');
            setTimeout(function() {
                console.log('然到达终点。。');
                bang()
            },4000)
        }
        function liang(bang) {
            console.log('亮起跑。。。。。');
            setTimeout(function() {
                console.log('亮到达终点。。');
                bang()
            },5000)
        }
        function dong(bang) {
            console.log('东起跑。。。。。');
            setTimeout(function() {
                console.log('东到达终点。。');
            },8000)
        }

	ran(function() {
            liang(function() {
                dong()
            })
        })     //  此时形成了回调地狱

怎么解决回调地狱的问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        function ran() {
            return new Promise(function(door) {
                console.log('然起跑。。。。。');
                setTimeout(function() {
                    console.log('然到达终点。。');
                    door()
                },1000)
            })
        }
        function liang() {
            return new Promise(function(door) {
                console.log('亮起跑。。。。。');
                setTimeout(function() {
                    console.log('亮到达终点。。');
                    door()
                },1000)
            })
            
        }
        function dong() {
            return new Promise(function() {
                console.log('东起跑。。。。。');
                setTimeout(function() {
                    console.log('东到达终点。。');
                    // bang()
                },1000)
            })
            
        }
        ran().then(liang).then(dong)
    </script>
</body>
</html>

qcc0716

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
promise解决回调地狱的问题

什么是回调地狱怎么解决回调地狱的问题要了解什么是回调地狱，首先要了解什么是同步，什么是异步函数同步函数：当一个函数是同步执行时，那么当该函数被调用时不会立即返回，直到该函数要做的事情全部做完之后才返回异步函数：如果一个异步函数被调用时，该函数会立即返回尽管该函数规定的操作任务还没有完成。function ran(bang) { console.log('然起跑。。。。。'); setTimeout(function() {
复制链接

扫一扫