如何在角度函数之外获取变量值[重复]

Question

我花了好几个小时试图理解为什么在 Angular.js 函数之外我没有得到变量的值。首先，我从 Firebase 数据库中获取值，这是我的参考：

var refspaedtServ = new Firebase(FBURLSPA + $routeParams.id);
$scope.spaedServ = $firebaseObject(refspaedtServ);

那么我就有了函数：

        /////  IMAGE REFERENCE  ////
        var lafoto = ''; 
        refspaedtServ.on("value", function(rootSnapshot) {
           lafoto = rootSnapshot.val().foto;
           console.log("Inside image ", lafoto)
       });

如您所见，我将变量“lafoto”定义为全局变量 有了console.log里面的图片，我可以看到值是正确的

但是当我尝试在函数之外获取“lafoto”变量的值时，我得到的是“未定义”，我的意思是没有价值。

console.log("Outside Image ", lafoto)

这似乎很愚蠢，但我为此发疯了。 有人可以给我提示吗？

问候， 维克多

Answer 1

很简单，我们通过你的代码来看看，假设你在 'value' 事件中的函数需要 1500ms 才能完成：

var lafoto = '';
console.log('start');

//listening for the event
refspaedtServ.on("value", function(rootSnapshot) {
    //after ~1500ms...
    lafoto = rootSnapshot.val().foto;
    console.log("Inside", lafoto)
});

console.log('outside', lafoto); //executed immediately

在控制台中，您将收到以下结果：

'Start'
'outside'
'inside'

那是因为您正在异步等待事件：因此，在 .on 函数“外部”执行代码在内部代码之前。

因此，您的变量 lafoto 将始终导致未定义，因为它尚未被分配。

.

编辑 1

您可以使用回调函数在 .on 事件之后执行代码：

 var lafoto = '';
console.log('start');

//listening for the event
refspaedtServ.on("value", function(rootSnapshot) {
    //after ~1500ms...
    lafoto = rootSnapshot.val().foto;
    console.log("Inside", lafoto)
    myAfterFunction();
});

function myAfterFunction(){
    console.log('myAfterFunction', lafoto);
}

console.log('outside', lafoto); //executed immediately

在控制台中，您将收到以下结果：

'Start'
'outside'
'inside'
'myAfterFunction'