美文网首页
Promise、await链式调用

Promise、await链式调用

作者: 全栈的猫南北 | 来源:发表于2023-01-12 14:44 被阅读0次

需求是:在方法一执行完成后再执行getchartAlarmNumber(),避免因为网络卡顿造成逻辑错误

方法一:在promise里一定要记得resolve();

        init1() {
                const that = this;
                return new Promise((resolve, reject) => {
                    if (that.istowel) {
                        util.HttpService.doPost({
                            url: util.Api.URL.URL_towerAlarmSuppress,
                            data: {
                                queryStartTime: that.currentParam.alarmTimeStart,
                                queryEndTime: that.currentParam.alarmTimeEnd,
                                // userId: util.UserInfo.getUserInfo().userId,
                            },
                            success: (res) => {
                                if (that.isoneday) {
                                    that.alarmSuppressNum = res.data[0].num;
                                    resolve(res.data[0].num); //告警压制 ;
                                } else {
                                    var data = res.data;
                                    var list = [];
                                    for (let i in data) {
                                        list.push(data[i].num);
                                    }
                                    console.log('告警压制chart接口', list);
                                    that.alarmSuppressNumList = list;
                                    resolve(list);
                                }
                            },
                            fail: (err) => {
                                console.log(err)
                            }
                        });

                    } else {
                        let numlistdata = [];
                        resolve(numlistdata); //告警压制
                    };
                });
            },

方法二:在方法前要加async 修饰,

    async init2() {
                    await that.init1();
                    //告警折线数量
                    console.log('我在init1数据获取之后执行');
                    that.getchartAlarmNumber();
            },

调用init2

                this.init2();

相关文章

  • Promise、await链式调用

    需求是:在方法一执行完成后再执行getchartAlarmNumber(),避免因为网络卡顿造成逻辑错误 方法一:...

  • js promise图解

    链式调用 封闭promise

  • 嵌套的promise执行顺序

    外部promise有多个then链式调用,第一个then里面执行另一个promise,也带多个then链式调用,他...

  • Promise链式调用

    做了一个博客项目,有一个过程如下: 封装request函数(用axios发送请求),axios会返回一个promi...

  • Promise链式调用

    一、Promise对象 承诺一定会实现,更简单的处理异步请求。同时更加方便使用链式调用。缺点:Promise对象状...

  • Promise 链式调用

    Promise status状态,有三种状态pendding、resolved、rejected,状态由 pend...

  • ES6

    AJAX 异步网络请求 Promise 使用了Promise对象之后可以链式调用的方式组织代码 Promise.a...

  • 手写Promise

    1. 简易版Promise,只能调用一次then,不能链式调用:

  • Promise用法详解

    参考promise|深入理解 promise:promise的三种状态与链式调用 Promise对象只有三种状态 ...

  • 使用async await代替fetch的promise

    目标 使用async/await代替所有的fetch promise链式函数。并且为每一种HTTP method完...

网友评论

      本文标题:Promise、await链式调用

      本文链接:https://www.haomeiwen.com/subject/gmwbcdtx.html