学习纲要：异步流程处理

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

学习条件

1. 了解 JavaScript 中的异步

学习目标

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

学习资源

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

习题

有如下几个异步的函数

代码语言：javascript复制

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，事件发布订阅 这几种方式实现下面的需求

• thing1执行完执行 thing2，thing2 执行完执行 thing3。
• thing1，thing2 同时执行。都成功执行完执行 thing3。否则执行 thing4。
• thing1，thing2，thing3 同时执行。

java 人工智能 ntp

0 人点赞