异步回调发展（地狱回调）

曾经终败给现在 2022-01-20 00:27 385阅读 0赞

### 最近在看koa的代码基本上前几句就会写道async于是想写下关于链式操作的发展 ###

*  第一次普通Js回调时代，所有的异步操作都会写道cb

function delay(fn) {
        setTimeout(() => {
            fn()
            console.log('你好')
        }, 0)
    }
    delay(() => {
        console.log('kaishi')
    })
    复制代码

这个回调写在加载的delay函数内，如果是多重回调，那么恭喜，你会在delay函数中写上delay(()=>\{\}, ()=> \{\}, ()=>\{\})

--------------------

*  第二次时代promise，链式操作

function delay(name) {
            return new Promise((resolve, reject) => {
                setTimeout(()=> {
                    resolve(name)
                }, 2000)
            })
        }
        delay('laoxie').then((res) => {
            console.log(res)
        })
    
    delay('laoxie').then((res) => {
        console.log(res)
        return delay('laoqin')
    }).then((res) => {
        console.log(res)
        return delay('laomeng')
    }).then((res) => {
        console.log(res)
    })
    复制代码

看上去简洁不少，但是链式操作咋一看比回调看上去舒服多了，但是如果太长看上去还是很别扭，尤其是是链式操作过长或者存在catch操作时

*  第三次时代 ES7， async/await的出现基本上让看异步代码有看同步的感觉，唯一尴尬await必须后面接promise对象

async包裹的函数，函数作用域内部的内容简直就是同步代码，顺著手往下写的感觉。