es6读书笔记(六) async await

简介: es6读书笔记(六) async await

云开发中async、await这兄弟俩也经常亮相,初识也确实不知道干啥,但是你真正到了实际的业务场景中就比较好理解,async表示异步执行,await表示等待,组合在一起的意思是在异步执行的方法里,我们需要等待异步执行完毕返回结果后再往下执行,给一段示例代码

async fetchData() {
      this.listLoading = true
      const queryString = {}
      if (this.listQuery.name) {
        queryString.name = this.listQuery.name
      }
      if (this.listQuery.telphone) {
        queryString.telphone = this.listQuery.telphone
      }
      if (this.listQuery.status) {
        queryString.status = this.listQuery.status
      }
      const queryResult = await this.$cloudbase.database().collection('order').where(queryString).skip((this.listQuery.page - 1) * this.listQuery.limit).limit(this.listQuery.limit).orderBy('createdate', 'desc').get()
      const queryTotal = await this.$cloudbase.database().collection('order').where(queryString).count()
      this.list = queryResult.data
      console.log(this.list)
      this.listLoading = false
      this.total = queryTotal.total
    }

我这段代码里边有两个异步执行的代码,一个是等待查询结果返回,另一个是查询总记录的条数,这两个官方的API都是异步执行的,但是我返回页面的时候是需要获取到执行的结果的,所以就有了这一段语法,其实本身没啥难度,你记住就行。

相关文章
|
1月前
|
JSON 前端开发 API
es6 中await的用法
es6 中await的用法
32 0
|
前端开发
ES6学习(十)—async 函数
ES6学习(十)—async 函数
|
前端开发
前端(十二)——深入理解和使用 async和await
前端(十二)——深入理解和使用 async和await
157 1
|
前端开发
每天3分钟,重学ES6-ES12(十四)async/await
每天3分钟,重学ES6-ES12(十四)async/await
81 0
|
前端开发
前端学习案例13-async和await之1
前端学习案例13-async和await之1
86 0
前端学习案例13-async和await之1
|
小程序 前端开发
小程序里使用es7的async await语法
小程序里使用es7的async await语法
125 0
|
前端开发
前端学习案例11-async和await之1
前端学习案例11-async和await之1
58 0
前端学习案例11-async和await之1
|
前端开发
前端学习案例13-async和await之2
前端学习案例13-async和await之2
52 0
前端学习案例13-async和await之2
|
前端开发
前端学习案例12-async和await之1
前端学习案例12-async和await之1
64 0
前端学习案例12-async和await之1
|
消息中间件 前端开发 JavaScript
ES8 中的 async/await —— 异步函数
ES8 中的 async/await —— 异步函数
197 0