打字稿异步函数包装承诺

Question

我目前正在使用 Typescript 和 ionic 以及 async-await 的 JavaScript 新手。我试图很好地理解承诺，但我不知道如何包装调用多个承诺以返回承诺的方法。我会尽量详细说明：

基本上，我有一个可以创建SQLite 数据库的对象，当调用create() 方法时，它会在创建后返回带有实际数据库对象的Promise。

那么，当promise解析并返回DB对象时，我需要用它在一个事务中执行一些语句来创建所有的表，当我调用时返回一个新的promise事务中所有语句的执行。

然后当事务完成并且一切顺利时，我需要将数据库对象分配给类属性并设置一个标志，指示数据库已创建并准备就绪。

所以我认为将这个数据库初始化内容包装在一个名为createDatabase() 或类似的方法中是个好主意，它返回一个Promise<SQLiteObject>，其中SQLiteObject 代表数据库。此方法将在初始化时调用，并且一旦一切正常，应该返回代表数据库的SQLiteObject，或者抛出一个错误，我将登录Promise 的.catch() 方法。

我对 Promise 以及如何使用 then() 和 catch() 方法有基本的了解，但是当我必须创建数据库时，我有点困惑，然后在 Promise 解决时执行其他操作，并且当一切正常时完成后，返回一个包含 DB 对象的Promise，它是SQLiteObject 类的一个实例。

---

代码
以下是我当前的Typescript 代码。这不是有效的打字稿，因为我不知道如何从 async 函数返回 Promise<SQLiteObject>。

async createDatabase(): Promise<SQLiteObject> {

        this.sqlite.create({
            name: this.dbName,
            location: this.dbLocation
        }).then( (db: SQLiteObject) => {
            // Insert all tables.
            let createTableParam: string = `CREATE TABLE IF NOT EXISTS param (name PRIMARY KEY NOT NULL, value TEXT)`;
            let createTableNews: string = `CREATE TABLE IF NOT EXISTS news (id PRIMARY KEY NOT NULL,title TEXT,
                content TEXT, image TEXT, date DATE)`;

            db.transaction(tx => {
                    tx.executeSql(createTableParam);
                    tx.executeSql(createTableNews);
                    // Add here more tables to create if needed
                }
            )
                .then( () => {
                    console.log('Tables were created');
                    this.isActive = true;
                })
                .catch(error => {
                    console.log(`Error creating tables - ${error}`);
                });
        }).catch(
            error => console.log(`Error at SQLite initialization - ${error}`)
        );
    }

---

研究至今

• 我读过this question here，这似乎是相关的，但我是 对如何在我的代码上实现感到困惑
• 在 MDN 上检查了 async/await
• This question here 似乎也相关，但仍然不明白如何去做。
• Typescript promises 在“Typescript Deep Dive”
• Async/Await 在“Typescript Deep Dive”

Answer 1

您使用了async，这意味着您可以随时在函数中使用await，只要您有Promise，并且编写代码几乎就像它是同步的一样。

async createDatabase(): Promise<SQLiteObject> {
    let db: SQLiteObject;
    try {
      db = await this.sqlite.create({
        name: this.dbName,
        location: this.dbLocation
      });
    } catch(error) {
        console.log(`Error at SQLite initialization - ${error}`);
        return;
    );
    // Insert all tables.
    let createTableParam: string = `CREATE TABLE IF NOT EXISTS param (name PRIMARY KEY NOT NULL, value TEXT)`;
    let createTableNews: string = `CREATE TABLE IF NOT EXISTS news (id PRIMARY KEY NOT NULL,title TEXT,
        content TEXT, image TEXT, date DATE)`;

     try {
       await db.transaction(tx => {
                tx.executeSql(createTableParam);
                tx.executeSql(createTableNews);
                // Add here more tables to create if needed
            }
          );

       console.log('Tables were created');
       this.isActive = true;
       return db;
     catch(error) {
         console.log(`Error creating tables - ${error}`);
     });
}

如果没有await，您需要确保返回最初的承诺。

return this.sqlite.create({...

然后再往下你可以返回db 对象：

       this.isActive = true;
       return db;

您还应该避免嵌套.then() 处理程序：当您获得另一个承诺时，只需从第一个处理程序返回它并在最后链接另一个.then：

createDatabase(): Promise<SQLiteObject> {
    let database: SQLiteObject = null;
    return this.sqlite.create({
        name: this.dbName,
        location: this.dbLocation
    })
    .catch(error => console.log(`Error at SQLite initialization - ${error}`))
    .then( (db: SQLiteObject) => {
        // Insert all tables.
        let createTableParam: string = `CREATE TABLE IF NOT EXISTS param (name PRIMARY KEY NOT NULL, value TEXT)`;
        let createTableNews: string = `CREATE TABLE IF NOT EXISTS news (id PRIMARY KEY NOT NULL,title TEXT,
            content TEXT, image TEXT, date DATE)`;
        database = db;
        return db.transaction(tx => {
                tx.executeSql(createTableParam);
                tx.executeSql(createTableNews);
                // Add here more tables to create if needed
            }
        );
    })
    .then( () => {
        console.log('Tables were created');
        this.isActive = true;
        return database;
    })
    .catch(error => console.log(`Error creating tables - ${error}`));

Answer 2

看来你没有兑现承诺。

必须解决或拒绝承诺，以便异步函数能够以值响应。

来自 TypeScript 深入研究：

const promise = new Promise((resolve, reject) => {
    resolve(123);
});
promise.then((res) => {
    console.log('I get called:', res === 123); // I get called: true
});
promise.catch((err) => {
    // This is never called
});

所以在我看来你应该创建一个promise，当数据库被创建并且一切都解决它时，如果数据库创建有问题，拒绝它。

请记住，您可以链接承诺，因此您可以在创建数据库时链接它们。

来自 TypeScript 深入研究：

promise 的链式能力是 promise 提供的好处的核心。一旦你有了一个 Promise，从那时起，你就可以使用 then 函数来创建一个 Promise 链。

查看URL 了解有关承诺的更多信息

希望对您有所帮助！ :)