• ES6 Promise


    先说一下Promise的作用吧

    首先可以实现异步编程

    然后你有异步方法的时候,可以通过Promise的then方法来实现同步执行

    Promise的resolve()就是保存结果,作为参数传给then()

    reject函数的作用是,将Promise对象的状态从“未完成”变为“失败”(即从Pending变为Rejected),在异步操作失败时调用,并将异步操作报出的错误,作为参数传递出去。传给catch()

    最近在做小程序,

    小程序的request请求都是异步的,没有同步设置,然后就想着用Promise来同步代码,

    最简单的就是用这种Promise,然后再then

            // 获取用户地理位置
            var p1 = new Promise(function(resolve, reject) {
                util.getLocation(function(res) {
                    var point = {
                        latitude: res.latitude,
                        longitude: res.longitude
                    }
                    // app.globalData.point = point
                    that.setData({
                        point: point
                    })
                    resolve(that.data.point)
                })
            })
        p1.then(function() {
                util.wxAuthGet('/order/list', {
                    long:that.data.point.longitude,
                    lat: that.data.point.latitude,
                    type: that.data.type,
                    page: 1
                }, function(data) {
                    var index = that.data.type - 1;
                    // 当前标签的列表
                    that.data.orderList[index] = data;
    
                    // 创建ad=[{},{},{}]
                    var ad = [];
                    for (var i = data.length - 1; i >= 0; i--) {
                        ad.push({})
                    };
    
    
                    that.data.animationData[index] = ad;
                    // 渲染
                    that.setData({
                        orderList: that.data.orderList,
                        animationData: that.data.animationData,
                        dataId: that.data.type
                    });
                    // 隐藏toast
                    wx.hideToast();
                }, null, '', that);
    

     这段代码的意思是获取自己的位置成功后获取数据,因为在小程序里面获取自己的位置也需要时间,我需要先获取地理位置再执行下面的代码

     如果Promise里面有多个异步请求,for循环,可以用

    Promise.all(addrs.map((item, index) => makePromise(item, that))).then(res => {
                        console.log(that.data.allDis)
                            // console.log(allDis)
                        console.log('这是在哪里进行')
                        for (var i = 0; i < addrs.length; i++) {
                            var dis = {
                                tDis: res[i].takeDis,
                                sDis: res[i].sendDis
                            }
                            that.data.allDis[cur].push(dis)
                        }
                        that.setData({
                            allDis: that.data.allDis
                        })
                        console.log('hello', that.data.allDis[1])
                    })
    

      Promise.all语法糖

    还有一个很重要的语法,就是Promise里面的reject

    也就是用catch捕捉的错误信息

    // bad
    p
      .then(function(data) {
        // success
      }, function(err) {
        // error
      });
    
    // good
    p
      .then(function(data) { //cb
        // success
      })
      .catch(function(err) {
        // error
      });

    catch捕捉promise里的reject()里面的错误信息哦

    当p函数里面有错误信息时,catch也可以捕捉到错误

  • 相关阅读:
    沙漠之王(0/1分数规划+ 最小生成树)
    野餐规划(最小生成树性质)⭐
    走廊泼水节(最小生成树定理)⭐
    兄弟选择器+否定伪类
    子元素的伪类
    属性选择器
    伪元素
    伪类选择器
    Java连接Mysql由于版本更新报错
    Mac下安装SQL
  • 原文地址:https://www.cnblogs.com/lwwen/p/6823991.html
Copyright © 2020-2023  润新知