学习纲要：异步流程处理

前端GoGoGo

发布于 2018-08-24 15:49:36

4460

发布于 2018-08-24 15:49:36

文章被收录于专栏：九彩拼盘的叨叨叨

在处理复杂的异步流程时，用异步结束后，在回调函数中执行下一个异步的方式，会导致回调函数深度嵌套的问题。让代码变得难以维护。

学习条件

了解 JavaScript 中的异步

学习目标

会用 Promise，async/await，事件发布订阅这几种方式处理异步流程。
知道如何捕获和处理异步中的报错。

学习资源

Promise
- JavaScript Promise迷你书（中文版）
- Promise 写法示例
async/await
- async function
- async/await 写法示例
事件发布订阅
- EventProxy

习题

有如下几个异步的函数

function thing1() {
  setTimeout(function(){
    console.log('thing1 done')
  }, 100)
}

function thing2() {
  setTimeout(function(){
    if(Math.random() < 0.5) {
      console.log('thing2 done')
    } else {
      throw 'error' // 报错。可修改这边的代码。
    }
  }, 200)
}

function thing3() {
  setTimeout(function(){
    console.log('thing3 done')
  }, 50)
}

function thing4() {
  setTimeout(function(){
    console.log('thing4 done')
  }, 50)
}

修改上面的代码，用 Promise，async/await，事件发布订阅这几种方式实现下面的需求