async await + Promise 解决回调地狱

JasoncodeQvQ

已于 2024-11-28 15:09:22 修改

阅读量210

点赞数 3

文章标签：前端 javascript

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

本文链接：https://blog.csdn.net/CodingmanNAN/article/details/135998461

版权

基础接口

    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')
        });
      })
    }