。各ループは完全に実行されません...なぜですか？ （利用可能なコードとログ）

Question

var idd;

$.each(data, function (i, items) { //1st each 
    $.each(items, function (j, item) { // 2nd each 
     console.log("Field:" + j + " Value:" + item); 

     if (j=="sha_id"){ idd=item; } 

    }); 
    console.log("Items"); 
    console.log("ID:" + idd); 

    db.transaction(function (tx) { 
     console.log("being inserted"); 
     console.log("ID Inserting:" + idd); 
     //then some database insertion query 

これは基本的に第一.eachは2ラウンドと第二.eachを実行するサンプル上部のスクリプト

あるコンソールログに私が見ることを期待して、各第一.eachため

を2ラウンドを実行します
フィールド....値
フィールド.....値
アイテム
ID：2
は0123に挿入されます IDの挿入：2
フィールド....値
フィールド.....値
アイテム
ID：3
が挿入さ
IDの挿入：3

しかし、私は、この取得は

フィールド....値
フィールド.....値
のアイテム
ID：2
フィールド....値
フィールド.....値
アイテム
ID：
IDの挿入が挿入される3
：3
が
IDの挿入が挿入されます：3

なぜ私のdb.transactionは、最初は同じループ内にあるので、console.log（ "Items"）の直後には実行されません。私は正しいはずのコードエラーはありますか？

Answer 1

おそらくdb.transactionは非同期です。

これは、$.eachループが実行を継続し、db.transactionが完了するまで待つことを意味します。

最後にdb.transactionが完了すると、指定したコールバックが呼び出されます。これは、$.eachループが終了した後に、長く（比較的）になります。

話の道徳は、db.transactionが完了するまで待つべきコードは、あなたが渡しているdb.transactionコールバック内で呼び出さなければならないということです。