nhận được dữ liệu từ chức năng async

Question

tôi có mã này:

function getData(){ 
     db.transaction(function(tx){ 
      tx.executeSql('SELECT * from q', [], function(tx, result){ 
       var q = []; 
       for (var i=0; i < result.rows.length; i++) { 
        q.push(result.rows.item(i)); 
       }; 
       console.log(q.length); // 3 
       returnData(q); 
      }); 
     }); 
    } 

    function returnData(data){ 
     console.log(data.length); // 3 
     return data; 
    } 

    var q = getData(); // undefined 

và nó không làm việc như mong đợi (nó không quay trở lại bất cứ điều gì). Giả sử đã xảy ra, bởi vì db.transaction hoạt động không đồng bộ, nhưng tôi đang sử dụng gọi lại để trả về dữ liệu. Ai đó có thể giải thích tại sao nó không hoạt động và cách khắc phục điều đó?

Answer 1

Cách thông thường để làm điều này là để bao gồm callback của riêng bạn, như thế này:

function getData(callback){ 
    db.transaction(function(tx){ 
     tx.executeSql('SELECT * from q', [], function(tx, result){ 
      var q = []; 
      for (var i=0; i < result.rows.length; i++) { 
       q.push(result.rows.item(i)); 
      }; 
      console.log(q.length); // 3 
      callback(returnData(q)); 
     }); 
    }); 
} 

function returnData(data){ 
    console.log(data.length); // 3 
    return data; 
} 

getData(function(q) { 
    /* do something with q */ 
}); 

Answer 2

Bạn không trả lại kết quả của bất kỳ hành động async, thay vào đó bạn lắng nghe nó.

Trong mã của bạn returnData không trả lại dữ liệu, nhưng bạn không làm bất cứ điều gì với kết quả, nó bị loại bỏ. Thay vào đó, bạn nên sử dụng gọi lại của riêng bạn.

function getData(callback){ 
    db.transaction(function(tx){ 
     tx.executeSql('SELECT * from q', [], function(tx, result){ 
      var q = []; 
      for (var i=0; i < result.rows.length; i++) { 
       q.push(result.rows.item(i)); 
      }; 
      console.log(q.length); // 3 
      callback(q); 
     }); 
    }); 
} 

var q; 
getData(function(data) { 
    console.log(data.length); // 3 
    console.log(data); 
    doStuffWith(data); 
    q = data; 
});