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都是异步执行的,但是我返回页面的时候是需要获取到执行的结果的,所以就有了这一段语法,其实本身没啥难度,你记住就行。

相关文章
|
5天前
|
JSON 前端开发 API
es6 中await的用法
es6 中await的用法
|
5月前
|
JSON 前端开发 JavaScript
ES6引入Promise和async/await解决异步问题
【6月更文挑战第12天】ES6引入Promise和async/await解决异步问题。Promise处理异步操作,有pending、fulfilled、rejected三种状态,支持链式调用和并行处理。async/await是基于Promise的语法糖,使异步代码更同步化,提高可读性。两者都是处理回调地狱的有效工具,开发者应根据需求选择合适的方式。
54 3
|
6月前
|
前端开发 JavaScript
JavaScript开发中ES6+新特性:简述async/await的用法。
JavaScript开发中ES6+新特性:简述async/await的用法。
55 0
|
11月前
|
前端开发
ES6学习(十)—async 函数
ES6学习(十)—async 函数
|
前端开发
前端(十二)——深入理解和使用 async和await
前端(十二)——深入理解和使用 async和await
142 1
|
前端开发
promise ,async/await的基础用法
promise ,async/await的基础用法
|
前端开发
每天3分钟,重学ES6-ES12(十四)async/await
每天3分钟,重学ES6-ES12(十四)async/await
77 0
|
小程序 前端开发
小程序里使用es7的async await语法
小程序里使用es7的async await语法
121 0
|
前端开发
前端学习案例13-async和await之1
前端学习案例13-async和await之1
80 0
前端学习案例13-async和await之1
|
前端开发
前端学习案例14-async和await之2
前端学习案例14-async和await之2
47 0
前端学习案例14-async和await之2