es6读书笔记(五)Promise

简介: es6读书笔记(五)Promise

小程序云开发中会有大量的异步调用的语法,没学习es6之前,看到后处于完全懵逼的状态,一个是语法不清楚,另外一个也不知道是干啥的。Promise教程

写的多了,其实也就明白,其实就是异步调用,和传统的js的ajax差不多,要我通俗的理解就是换了一个写法

vue中异步调用的例子

createData() {
      this.$refs['dataForm'].validate((valid) => {
        if (valid) {
          this.temp.id = parseInt(Math.random() * 100) + 1024 // mock a id
          this.temp.author = 'vue-element-admin'
          this.temp.status = '待支付'
          this.temp.no = parseTime(new Date(), '{y}{m}{d}') + (++this.total).toString().padStart(5, '0')
          this.$cloudbase.database().collection('order').add({
            no: this.temp.no,
            name: this.temp.name,
            telphone: this.temp.telphone,
            address: this.temp.address,
            items: this.products,
            totalprice: this.temp.totalprice,
            discountprice: this.temp.discountprice,
            status: this.temp.status,
            createdate: new Date()
          }).then((res) => {
            this.temp._id = res.id
            this.list.unshift(this.temp)
            this.dialogFormVisible = false
            this.$notify({
              title: '提示信息',
              message: '新增成功',
              type: 'success',
              duration: 2000
            })
            this.fetchData()
          }).catch((e) => {})
        }
      })
    }

小程序中异步调用的例子

onLoad: function (options) {
    console.log(options.name+" "+options.type)
    console.log(teacherCollection)
    teacherCollection.where({
      course:options.name,
    }).get().then(res => {
        console.log(res.data)
      this.setData({
        teacherlist: res.data,
        type:options.type
      })
      })
  }

云函数或者官方的API基本都是异步调用的,调用成功我们一般都需要更新状态以给用户进行提示,所以在方法调用完毕后一般跟一个.then()这个就是回调,当然回调里你还得使用箭头函数以便获得到页面的状态变量来更新页面的状态。

相关文章
|
4月前
|
前端开发 JavaScript 测试技术
ES6:什么是Promise
ES6:什么是Promise
|
4月前
|
前端开发 JavaScript
ES6中什么是Promise?
ES6中什么是Promise?
|
4月前
|
JSON 前端开发 JavaScript
ES6类的使用和定义.Json.Promise对象的使用
ES6类的使用和定义.Json.Promise对象的使用
25 0
|
8月前
|
前端开发
ES6中 Promise的?使用场景?
ES6中 Promise的?使用场景?
|
3月前
|
资源调度 前端开发 JavaScript
vue - ES6模块化、promise、webpack打包(所在在学的朋友们先看这篇,看了不吃亏)...
vue - ES6模块化、promise、webpack打包(所在在学的朋友们先看这篇,看了不吃亏)...
|
4月前
|
前端开发 JavaScript
JavaScript开发中ES6+新特性:如何使用Promise来处理异步操作?
JavaScript开发中ES6+新特性:如何使用Promise来处理异步操作?
31 1
|
4月前
|
前端开发 JavaScript 数据安全/隐私保护
ES6 什么是Proxy?什么是Promise?
ES6 什么是Proxy?什么是Promise?
32 0
|
4月前
|
前端开发
ES6学习(八)—Promise对象 超鸡重要
ES6学习(八)—Promise对象 超鸡重要
|
5月前
|
JSON 前端开发 JavaScript
ES6 Promise 详解
ES6新特性 Promise详解。
64 0
|
1月前
|
前端开发 JavaScript
如何处理 JavaScript 中的异步操作和 Promise?
如何处理 JavaScript 中的异步操作和 Promise?
15 1