関数が配列を返さないのはなぜですか？

Question

これは私のコードです：

document.getElementById('revealUser').onclick = displayDaUsers 

function displayDaUsers(){ 
    pullAllUsersFromDB(); 
    debugger; 
} 


function pullAllUsersFromDB(){ 
    rootRef.child('users').on('value', function(snapshot) { 
    var users_array = []; 
    var users_object = snapshot.val(); 
    Object.keys(users_object).map(function(key) { 
     users_array.push(users_object[key]); 
    }); 
    // window.dateApp.allUsers = users_array; 
    return users_array 
    }); 
} 

HTML：

<input type="submit" id="revealUser" value="reveal user"> 

私はこの問題を確認するには、デバッガを置くが、それは解決しません。私はusers_array でコンソールと型に行くとき、私はUncaught ReferenceError: users_array is not defined(…)

NEW CODE（EDIT）を取得：

これは動作するはず別のstackoverflowの答えによると...

function displayDaUsers(){ 
    var test = pullAllUsersFromDB(); 
    console.log(test); 
    //pullAllUsersFromDB(); 
    //debugger; 
    //setUpFirstUser() 
} 


function pullAllUsersFromDB(){ 
    rootRef.child('users').on('value', function(snapshot) { 
    var users_array = []; 
    var users_object = snapshot.val(); 
    Object.keys(users_object).map(function(key) { 
     users_array.push(users_object[key]); 
    }); 
    //window.dateApp.allUsers = users_array; 
    return users_array 
    }); 
} 

Answer 1

戻り値users_arrayがあります匿名コールバック関数function(snapshot) {...の範囲にローカル。言い換えれば、その値はその範囲外で失われます。

ロジックのどの時点でuser_arrayにアクセスする必要がありますか？関数のコンテキスト外でアクセスする必要がある場合は、スコープの大きい変数を定義してから、その値を無名関数に設定することは理にかなっています。例えば。

document.getElementById... 
var arr; 

... 

function pullAllUsersFromDB() { 
    ... 
    ...function(snapshot) { 
     arr = users_array; 
    }); 
} 

// pullAllUsersFromDB() (and its callback) must be called for arr to be defined at this point in execution