『uni-app』处理返回结果为 Promise 的解决方法

1.问题介绍

我们在uniapp中调用方法时，经常返回结果类型对象是promise

处理方式：如果某个函数调用的结果打印后返回的是promise，就马上用saync和await进行优化，async放到方法名称的前面，await放到方法里面

示例：

home.vue(main.js中已配置@escook/request-miniprogram网络请求包)

<template>
  <view>
    首页
  </view>
</template>

<script>
  export default {
    data() {
      return {
      };
    },
    onLoad() {
      // this.getOrder()
      this.getOrder()
    },
    methods:{
      getOrder(){
        const res=uni.$http.get(){"url"}
        console.log(res)
      }
    }
  }
</script>

<style lang="scss">

</style>

可以看到没有用async时返回的是一个promise对象

添加async和await后

    methods:{
      async getOrder(){
        const res=await uni.$http.get("/api/public/v1/home/catitems")
        console.log(res)
      }
    }

结果：

2.对promise的理解

• 由于ajax异步方式请求数据时，我们不能知道数据具体回来的事件，所以过去只能将一个callback函数传递给ajax封装的方法，当ajax异步请求完成时，执行callback函数。
• promise对象接受resolve和reject两个参数，当一个异步动作发生时，promise对象会通过resolve完成对动作成功进行解析，reject会捕获这个动作的异常。一个promise对象，通过new Promise().then()执行下一步骤操作。
• axios is a promise based HTTP client for the browser and node.js。也就是说，使用axios发出请求，难免涉及promise

Promise构造函数的参数是一个函数，函数里面的代码是异步的，即Promise里面的操作，和Promise()外面的操作时异步"同时"进行的。此外，只要在函数前面加上async 关键字，也可以指明函数是异步的。

async关键字实际是通过Promise实现，如果async 函数中有返回一个值 ,当调用该函数时，内部会调用Promise.solve() 方法把它转化成一个promise 对象作为返回，但如果timeout 函数内部抛出错误，那么就会调用Promise.reject() 返回一个promise 对象。若某函数调用一个异步函数（比如内部含有primise），该函数应用async修饰。