javascript - Javascript“ promise ”如何使同步

我正在使用Ionic2 / Typescript。

在继续（即同步）之前，我想完成2个Promise。因此，我将对2个函数的调用放在Promise.all(...)中，期望它们在调用resolve之前完成。

我有以下代码：

public openDatabase(): Promise<Array<Message>> {
    let promise: Promise<Array<Message>> = new Promise<Array<Message>>(resolve => {
        if (false && this.database && this.database != null) {
            Promise.all([this.refreshChats(this.database), this.refreshMessages(this.database)]).then(() => {
                console.log('openDatabase1: resolve');
                resolve(this.messages);
            });
        } else {
            this.database = new SQLite();
            this.database.openDatabase({
                name: "data.db",
                location: "default"
            }).then(() => {
                Promise.all([this.refreshChats(this.database), this.refreshMessages(this.database)]).then(() => {
                    console.log('openDatabase2: resolve');
                    resolve(this.messages);
                });
            }, (error) => {
                console.log("OPEN ERROR: ", error);
            });
        }
    });
    return promise;
}

public refreshChats(db: any): Promise<any> {
    console.log('refreshChats ');
    return db.executeSql("SELECT * FROM chats", [])
        .then((chatData) => {
            let promises: Array<any> = [];
            this.chats = [];
            if (chatData.rows.length > 0) {
                for (var i = 0; i < chatData.rows.length; i++) {
                    promises.push(this.populateChat(db, chatData.rows.item(i)));
                }
            }
            Promise.all(promises).then(() => {
                console.log('refreshChats return this.chats.length = ' + this.chats.length);
                return this.chats;
            });
        })
        .catch(error => {
            console.log("ERROR REFRESHING CHATS: " + JSON.stringify(error));
            console.log(error);
        });
}

从我的控制台输出中，您可以看到在聊天结束刷新之前调用了resolve：

refreshChats
populateChat  Object {...}
openDatabase2: resolve
refreshChats return this.chats.length = 1

任何有关我应如何构造Promises的建议都将受到赞赏。

最佳答案

您需要从内部的Promise回调中返回新的Promise：

public openDatabase(): Promise<Array<Message>> {
    let promise: Promise<Array<Message>> = new Promise<Array<Message>>(resolve => {
        if (false && this.database && this.database != null) {
            return Promise.all([this.refreshChats(this.database), this.refreshMessages(this.database)]).then(() => {
                console.log('openDatabase1: resolve');
                resolve(this.messages);
            });
        } else {
            this.database = new SQLite();
            return this.database.openDatabase({
                name: "data.db",
                location: "default"
            }).then(() => {
                return Promise.all([this.refreshChats(this.database), this.refreshMessages(this.database)]).then(() => {
                    console.log('openDatabase2: resolve');
                    resolve(this.messages);
                });
            }, (error) => {
                console.log("OPEN ERROR: ", error);
            });
        }
    });
    return promise;
}

public refreshChats(db: any): Promise<any> {
    console.log('refreshChats ');
    return db.executeSql("SELECT * FROM chats", [])
        .then((chatData) => {
            let promises: Array<any> = [];
            this.chats = [];
            if (chatData.rows.length > 0) {
                for (var i = 0; i < chatData.rows.length; i++) {
                    promises.push(this.populateChat(db, chatData.rows.item(i)));
                }
            }
            return Promise.all(promises).then(() => {
                console.log('refreshChats return this.chats.length = ' + this.chats.length);
                return this.chats;
            });
        })
        .catch(error => {
            console.log("ERROR REFRESHING CHATS: " + JSON.stringify(error));
            console.log(error);
        });
}

注意，return Promise.all和return this.database.openDatabase。

关于javascript - Javascript“ promise ”如何使同步，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40123902/