从Firebase快照返回未定义的对象

Question

我实现了一个函数，希望返回保存在某个url下的对象。在下面的代码中，第一个“console.log（result）；”从firebase位置返回正确的对象。第二个返回未定义。有人能解释一下为什么以及如何修复它吗？

    _getById: function(obj) {
        var url = "https://my-app.firebaseio.com/list/" + obj.groupId;
        console.log(url);
        var ref = new Firebase(url);
        var result = {};
        ref.on("value", function(snapshot) {
                result = snapshot.val(); //first
                console.log(result);
            }, function (errorObject) {
            }
        );
        console.log(result); //second
        return result;
    },

Answer 1

数据是从Firebase异步加载的。因此，您会注意到第二个console.log（）显示在第一个之前。不能返回正在异步加载的数据。

你必须改变你编码的方式。而不是“获取id，然后用它做些什么”，你需要“每当加载/更改id时做些什么”。

所以代替：

 var list = _getById({ groupId: 42});
 console.log("Our list is: "+list);

你会：

 _getById({ groupId: 42 }, function(list) {
   console.log("Our list is: "+list);
 });
_getById: function(obj, callback) {
    var url = "https://my-app.firebaseio.com/list/" + obj.groupId;
    console.log(url);
    var ref = new Firebase(url);
    var result = {};
    ref.on("value", function(snapshot) {
        result = snapshot.val(); //first
        callback(result);
    }, function (errorObject) {
    });
    console.log(result); //second
    return result;
},

在上面的代码中，我们将回调传递到\u getById（），并在加载列表时（以及每当列表更改时）调用该回调。

一些进一步的阅读材料：

• Polymer Firebase:打印异步数据
• 异步访问Firebase中的阵列
• 正在尝试从Firebase获取子记录
• 处理函数中的异步调用（Firebase）