async await + Promise 解决回调地狱

原创已于 2024-11-28 15:09:22 修改 · 260 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

于 2024-02-02 17:50:35 首次发布

文章详细描述了如何在JavaScript中使用异步接口技术，如changeMealHh函数通过$api创建订单容器并处理支付，以及payApply函数作为回调进行订单支付操作的实现过程。

基础接口

    getlistDemo() {
      this.$api.index_api.fooApi({}).then(async () => {
        console.log('1 - 1 - 1 - 1 - 1');
        let awaitResult = await this.promiseDemo('2 - 2 - 2 - 2 - 2')
        console.log(awaitResult)
      })
    }

回调接口

    promiseDemo(sno) {
      console.log(sno);
      return new Promise(resolve => {
        this.$api.index_api.barApi({}).then(() => {
          console.log('3 - 3 - 3 - 3 - 3')
          resolve('5 - 5 - 5 - 5 - 5')
          console.log('4 - 4 - 4 - 4 - 4')
        });
      })
    }