async、await 与 Promise的关系

  // 执行async函数，返回都是Promise对象
  async test1() {
    return 1
  }
  async test2() {
    return Promise.resolve()
  }
  // Promise.then 成功的情况 对应await
  async test3() {
    const p3 = Promise.resolve(3)
    p3.then(data => {
      console.log("data", data)
    })
    const data = await p3
    console.log("data", data)
  }
  async test4() {
    const data = await 4 //await Promise.resove(4)
    console.log("data", data)
  }
  async test5() {
    const data = await this.test1()
    console.log("data", data)
  }

  // Promise.catch  对应try ....catch
  async test6() {
    const p6 = Promise.reject(6)
    p6.catch(e => {
      console.log("e", e)
    })
    try {
      const data = await p6
      console.log("data", data)
    } catch (e) {
      console.log("e", e)
    }
  }
  result1 = this.test1()
  result2 = this.test2()
  result3 = this.test3()
  result4 = this.test4()
  result5 = this.test5()
  result6 = this.test6()

  created() {
    console.log("result1", this.result1) //Promise对象
    console.log("result2", this.result2) //Promise对象
    console.log("result3", this.result3) //3 3
    console.log("result4", this.result4) //4
    console.log("result5", this.result5) //1
    console.log("result6", this.result6) //6 6
  }