如何在JavaScript中使用Firebase将本地变量设置为全局变量？

Question

我想通过firebase API拉一个值，并使其成为一个全局变量，以便我可以参考它在代码中的其他位置

我想让下面的代码工作，从火力点，并且可以使用它以外（http://jsfiddle.net/chrisguzman/jb4qLxtb/）

var ref = new Firebase('https://helloworldtest.firebaseIO.com/'); 

ref.on('value', function (snapshot) { 
    var Variable = snapshot.child("text").val(); 
    return Variable; 
}); 

alert(Variable); 

我试着使用var没有运气定义它下面的功能（http://jsfiddle.net/chrisguzman/jb4qLxtb/1/）

var ref = new Firebase('https://helloworldtest.firebaseIO.com/'); 

var MyVariable = ref.on('value', function (snapshot) { 
    var Variable = snapshot.child("text").val(); 
    return Variable; 
}); 


alert(MyVariable); 

我也试着将它定义作为一项功能没有运气：http://jsfiddle.net/chrisguzman/jb4qLxtb/2/

var ref = new Firebase('https://helloworldtest.firebaseIO.com/'); 

function myFunction() { ref.on('value', function (snapshot) { 
    var Variable = snapshot.child("text").val(); 
    return Variable; 
});}; 


alert(myFunction()); 

Answer 1

声明全局变量使用异步编程，你只能使用回调内或从那里通过调用一个函数响应数据。您不能将其填充到全局变量中，以尝试解决响应异步的问题。您也无法从异步回调中返回值，并期望从主机函数返回值。主机功能已经完成执行，稍后调用回调。

这里，将工作的一种方式：

var ref = new Firebase('https://helloworldtest.firebaseIO.com/'); 

ref.on('value', function (snapshot) { 
    var Variable = snapshot.child("text").val(); 
    alert(Variable); 
}); 

要阅读了很多关于你的选择处理异步响应，你可以看到这个答案大约是一个Ajax调用，但概念是相同的：How do I return the response from an asynchronous call?。

Answer 2

你应该之外的$(document).ready(function()

var MyVariable = ''; 
$(document).ready(function() { 
var ref = new Firebase('https://helloworldtest.firebaseIO.com/'); 

MyVariable = ref.on('value', function (snapshot) { 
    var Variable = snapshot.child("text").val(); 
    return Variable; 
}); 


alert(MyVariable); 
});