如何使用Firebase在javascript中使局部变量成为全局变量？

Question

我想通过firebase api提取一个值并将其设为全局变量，以便可以在代码中的其他位置引用它

我希望下面的代码在从firebase中提取值并可以在函数（ 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调用的答案，但是概念是相同的： 如何从异步调用返回响应？ 。

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);
});