使 .then() 函数返回一个由另一个函数使用的承诺 [重复]

Question

我正在使用这个原生脚本 firebase 插件，这让我使用了这个功能：

getValue() {
     var value;
     firebase.getValue('/companies')
         .then(result => {
             console.log(JSON.stringify(result));
             value = result;
             return result;

         })
         .catch(error => {
             console.log("Error: " + error);
             return error;
         });
     return value;
 }

如果我将它导入另一个文件并像这样使用它：

var myValue = this.myFirebaseService.getValue();

如果我第一次运行它返回 undefined 但第二次返回值。

我的问题是如何让 firebase 函数返回一个承诺，以便我可以让我的第二个语句等待它。

Answer 1

您所指的 firebase 函数正在返回一个承诺。这就是为什么您可以在调用 getValue 函数后使用.then 和.catch。

如果你从 getValue() 返回 firebase 承诺，像这样：

getValue(){
  return firebase.getValue('/companies');
}

您可以随时调用getValue()，但您必须在getValue()（这是一个承诺）解决后执行代码。像这样：

getValue().then(function(value) {
  console.log(value);
});

如果你不明白，我会阅读承诺：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise

Answer 2

您可以在收到来自then 块的结果后初始化myValue。

类似这样的：

var myValue;

function getValue() {
  return firebase.getValue('/companies');
}

myValue = getValue().then(result => {
    const value = JSON.stringify(result);
    console.log(value);
    return value;
  })
  .catch(error => {
    console.log("Error: " + error);
  });
}