배열을 부모 함수 호출로 반환

Question

부모 함수에 배열을 반환하여 HTML 내 div에 추가 할 수 있습니다.

내가 가진 기능이 잘못된 시퀀스를 실행하고있는 것으로 보입니다. 여기 제 기능입니다 :

내가의 경고 수 있습니다 어떻게됩니까

function getRounds() { 
    var db = connectDB(); 
    var items = new Array(); 
    db.transaction(function(tx) { 
     tx.executeSql('SELECT * FROM round', [], function(tx, results) { 
      var len = results.rows.length; 
      for (var i=0; i<len; i++){ 
       items.push(results.rows.item(i)); 
      } 
      alert('ONE: '+ JSON.stringify(items)); 
      return items; 
     }, errorCB); 
     alert('TWO: '+ items) 
    }); 
    alert('THREE: '+ items); 
    return items; 
} 

"세 :"다음 "2 :"다음 "ONE : [대상]".

논리적으로는 함수가 중첩되어 있기 때문에 다른 방향으로 경고해야합니다. 하나는 주 함수 (getRounds)로 반환해야하는 객체 배열을 반환합니다.

어떻게하면이 아이디어를 얻을 수 있습니까?

내가 Appgyver에 의해 스테로이드를 사용하고

는 웹 SQL 데이터베이스 저장에 대한 설명서는 여기에서 찾을 수 있습니다 : http://docs.appgyver.com/en/stable/cordova_storage_storage.md.html#SQLResultSetRowList

Answer 1

호출이 비동기이기 때문입니다! 콜백을 사용해야합니다!

function getRounds(callback) { 
    var db = connectDB(); 
    var items = new Array(); 
    db.transaction(function(tx) { 
     tx.executeSql('SELECT * FROM round', [], function(tx, results) { 
      var len = results.rows.length; 
      for (var i=0; i<len; i++){ 
       items.push(results.rows.item(i)); 
      } 
      alert('ONE: '+ JSON.stringify(items)); 
      callback(items) 
     }, errorCB); 
    }); 
} 

getRounds(function(items) { 
    console.log(items); 
});