如何在调用下一个函数之前等待 firebase.database().ref('users/' + userId).set() 完成？答案

【问题标题】：How to wait for firebase.database().ref('users/' + userId).set() to finish before calling next function?如何在调用下一个函数之前等待 firebase.database().ref('users/' + userId).set() 完成？
【发布时间】：2017-09-18 05:20:56
【问题描述】：

我正在使用以下异步函数将数据写入我的 firebase 实例：

function writeUserData(uid, fn, ln, userEmail) {
  firebase.database().ref('users/' + uid).set({
    firstName: fn,
    lastName: ln, 
    email: userEmail
  });
};

一旦 writeUserData 完成，我想将用户重定向到另一个页面：

window.location.href = "./mypage.html";

据我所知，这可以通过 promises 完成，但我真的可以用一个很好的例子来解决这个问题。

【问题讨论】：

您链接到的博客显示了在承诺继续工作时使用 then() 方法的示例。 set() 返回一个承诺，所以你应该能够使用它。

标签： javascript firebase firebase-realtime-database

【解决方案1】：

根据 firebase 文档： https://firebase.google.com/docs/database/web/read-and-write#receive_a_promise，set 方法返回一个承诺。在这种情况下，最简单的例子是：

function writeUserData(uid, fn, ln, userEmail) {
  firebase.database().ref('users/' + uid).set({
    firstName: fn,
    lastName: ln, 
    email: userEmail
  }).then(function onSuccess(res) {
    window.location.href = "./mypage.html";
  }).catch(function onError(err) {
    // do sth, e.g. console.error(err);
  });
};

您的代码和我的示例之间的区别在于我添加的部分：

.then(function onSuccess(res) {
  window.location.href = "./mypage.html";
}).catch(function onError(err) {
  // do sth
});

简而言之，“如果请求成功，请执行onSuccess。如果没有，请执行onError。

您可以在此处获取有关 Promises 工作原理的更多信息：Promise mdn docs

为了提高可读性，你可以这样写：

function writeUserData(uid, fn, ln, userEmail) {
  firebase.database().ref('users/' + uid).set({
    firstName: fn,
    lastName: ln, 
    email: userEmail
  })
  .then(onSuccess)
  .catch(onError);
};

function onSuccess(res) {
  window.location.href = "./mypage.html";
}

function onError(err) {
  // do sth
}

【讨论】：