JavaScriptで非同期関数の結果を処理する方法

Question

C＃の背景からくると、私はおそらく完全に間違った視点からJavaScriptを見ているでしょう。

1分の間に非同期の利点を残して、 は、単にHTML5ページのSQLiteデータベースから値を取得したいとします。 私が見てみたいことは

var something = db.getPicture(1); 

のようなものが、今、このの（おそらく非常にナイーブ）の実装を検討している：

this.getPicture(id) 
{ 
    this.database.transaction(function(tx) 
    { 
     tx.executeSql('SELECT ......', null, function(tx, results) 
     { 
      if (results.rows.length == 1) 
       return results.rows.items(0).Url; //This of course does not resturn 
                //anything to the caller of .getPicture(id) 
     } 
    }, 
    function(error) 
    { 
     //do some error handling 
    }, 
    function(tx) 
    { 
     //no error 
    });      
} 

まず第一に、それは、ネストされた関数と第二の一つの大きな混乱です...私がデータベースから得た結果を.getPicture（）関数の値として返す方法はありません。

そして、これは簡単なバージョンですが、私は最初のテーブルからインデックスを盗んしたい場合、 はその後、その次のクエリでそのインデックスを使用して、どのような...

はJavaScript開発者のために、この正常です、私は完全に間違っている、解決策などありますか？

Answer 1

JavaScript（WebブラウザやNode.jsのような非同期環境）の基本パターンは、 APIが提供する "成功"コールバックで操作が完了する必要があります。あなたの場合、それはあなたの "executeSql（）"メソッドに渡される関数になります。その設定において

this.getPicture = function(id, whenFinished) 
{ 
    this.database.transaction(function(tx) 
    { 
     tx.executeSql('SELECT ......', null, function(tx, results) 
     { 
      if (results.rows.length == 1) 
       whenFinished(results.rows.items(0).Url); 
     } 
    }, 

、データベース操作の結果が「getPicture（）」が呼び出されたときに提供される関数へのパラメータとして渡されます。

JavaScript関数は、クロージャーを形成するため、呼び出しコンテキストのローカル変数にアクセスできます。つまり、 "whenPinished"パラメータとして "getPicture（）"に渡す関数は、 "getPicture（）"が呼び出された時点でライブだったローカル変数にアクセスできます。