1

在最近工作的一个 cordova 应用程序中，我们使用了 WebSQL api，因为它为我们提供了在本地存储数据所需的设备支持和功能。我们将在即将到来的项目中再次使用它，所以我开始探索在 core.js 中实现的 Promise，使用 BabelJS。编辑添加到承诺实施的链接。

这是我到目前为止所拥有的：

function getConnection () {
  return window.openDatabase("cfa.db", "1.0", "CFA Database", 1000000);
}

function executeSql (transaction, query, args) {
  return new Promise((resolve, reject) => {
    console.log(query);
    transaction.executeSql(query, args, resolve, reject);
  });
}

function transaction (connection) {
  return new Promise((resolve, reject) => {
    connection.transaction(resolve, reject);
  });
}

class DataSource {
  executeSql (query, args) {
    var connection = getConnection();
    transaction(connection).then((tx) => {
      return executeSql(tx, query, args);
    }).then((tx, res) => {
      console.log(tx, res.rows.length);
    }, (tx, e) => {
      console.log(e);
    });
  }
}

这是使用 api 本身进行简单查询的准系统：

var connection = getConnection();
connection.transaction(function (tx, res) {
  tx.executeSql("SELECT * FROM table", [], function (tx, res) {
    console.log(res.rows.length);
  }, function (tx, err) {
    console.log(err);
  });
}, function (err) {
  console.log(err);
});

所以事务只是传递事务实例，我可以用它来执行 sql 语句。这很简单，可以包含在一个承诺中。更棘手的部分是executeSql方法的回调。它传递事务，这很适合用于其他查询。然后它传递结果数据。我怎样才能把它包装在一个承诺中？

在我的DataSource类中，executeSql 方法记录了一个事务对象，但没有 res 对象。然后事务正确触发，返回承诺应该可以工作。但我尊重它只返回第一个参数。我怎样才能解决这个问题？

4

2 回答 2

2

在您的executeSql方法中，您传递resolve给该transaction.executeSQL方法。

Promise 就像普通值一样——你不能从一个函数中返回多个值——就像你不能用多个值解决一个 Promise。您的选择是使用[transaction, response]数组解析它（并使用 babeljs 的 ES6 解构分配）或仅使用一个参数解析。在您的情况下，很明显您只对响应感兴趣。

function executeSQL(transaction, query, args){
    return new Promise((resolve, reject) =>
        transaction.executeSQL(query, args, (t,r) => resolve(r), reject);
    );
}

请注意，您可以将您的DataSource类重构为：

class DataSource{
    async executeSQL(query, args){
        let connection = getConnection();
        let transaction = await transaction(connection);
        let result = await executeSQL(transaction, query, args);
        return result; // or console.log result.rows.length
    }
}

您不需要在此处传递事务，因为您已经拥有它并且它为您解决的问题（上下文传递）在 promise 中不存在。

于 2015-02-20T21:12:19.443 回答
1

由于您的意图是提供这两个值作为承诺结果的一部分，我建议将它们包装在一个对象中，以便接收它的人可以提取它们：

function executeSql (transaction, query, args) {
    return new Promise((resolve, reject) => {
        console.log(query);
        transaction.executeSql(query, args, (t, r) => resolve({ 
            transaction: t, 
            result: r
        }), reject);
    });
}

用法：

transaction(connection)
.then(tx => executeSql(tx, query, args))
.then({result} => console.log(tx, result.rows.length), 
      e => console.log(e)
);
于 2015-02-20T21:17:05.683 回答