javascript - Javascript Array の奇妙な動作。グローバル宣言は値を保持できません

Question

関数の 1 つに次のコードがあります。if{} 内で使用すると正しく機能する配列「arr」があります。しかし、その外部で使用するときに機能するようになりました。誰でも私が欠けているものを指摘できますか?

 function runQueries()
 {
    var arr = new Array;

    db.transaction (function (transaction) 
      {
        var sql = "SELECT * FROM incomecategory";

        transaction.executeSql (sql, undefined, 
        function (transaction, result)
        {
          if (result.rows.length)
          {
            for (var i = 0; i < result.rows.length; i++) 
            {
              var row = result.rows.item (i);
              var categoryname = row.categoryname;
              arr[i] = categoryname;
            }
                              //alert(arr[0]); // It works


          }  
          else
          {

          }
        }, error);

      });
       //alert (arr[0]); // It doesn't work. 

 }