【发布时间】：2019-06-19 09:16:47
【问题描述】：
我有一个简单而简短的网站 javascript 代码：
db.collection("classes").doc(data.readGrades).get().then(function(doc) {
if (doc.exists) {
const data = doc.data();
const members = data.members;
members.forEach(el => {
db.collection("users").doc(el).collection("grades").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
const data = doc.data();
//some stuff
});
});
})
} else {
console.log("No such document!");
}
}).catch(function(error) {
console.log("Error getting document:", error);
});
如您所见，我需要运行两个 Firebase Firestore 任务。重要的是首先运行db.collection("classes").doc(data.readGrades).get().then(function(doc) {，并且对于每个成员，此任务遵循db.collection("users").doc(el).collection("grades").get().then(function(querySnapshot) {（注意：第二个任务需要第一个，因为var el）。所以我的问题是我必须等待完成第二个任务，然后才能继续下一个成员的循环。
这正是我的问题：如何在为下一个成员运行循环之前完成第二个任务？
编辑：
我像这样修改了我的 Javascript 代码：
db.collection("classes").doc(data.readGrades).get().then(function(doc) {
if (doc.exists) {
const data = doc.data();
const members = data.members;
members.reduce((chain, el) => {
table_number++;
const html = fillTemplate("grade_table" + table_number, member_name);
document.getElementById("main_padding").insertAdjacentHTML('beforeend', html);
return chain.then(() =>
db.collection("users").doc(el).collection("grades").get().then(function(querySnapshot) {
querySnapshot.forEach(function(doc) {
const data = doc.data();
addToTable("grade_table" + table_number, doc.id, data.mdl, data.klu);
});
})
)
}, Promise.resolve());
} else {
console.log("No such document!");
}
}).catch(function(error) {
console.log("Error getting document:", error);
});
function fillTemplate(table_name, id) {
console.log("ID OF TABLES " + table_name);
return `
<div class="noten_tabelle_permission" id="noten_tabelle_permission">
<h1 id="member_name">${id}</h1>
<table id="${table_name}" style="width:100%">
<tr>
<th>Fach</th>
<th>mündlich</th>
<th>Klausur</th>
</tr>
<!-- Make content with js code -->
</table>
</div>
`;
}
function addToTable(table_name, subject, mdl, klu) {
var subject_name = getSubjectByNumber(subject);
var short_subject = getSubjectShortByNumber(subject);
//Zeile erstellen
console.log("addToTable " + table_name);
var y = document.createElement([short_subject]);
y.setAttribute("id", [short_subject]);
document.getElementById([table_name]).appendChild(y);
//Spalten in einer Zeile
var y = document.createElement("TR");
y.setAttribute("id", [short_subject]);
//Spalten in einer Zeile
var cE = document.createElement("TD");
var tE = document.createTextNode([subject_name]);
cE.appendChild(tE);
y.appendChild(cE);
var a = document.createElement("TD");
var b = document.createTextNode([mdl]);
a.appendChild(b);
y.appendChild(a);
var c = document.createElement("TD");
var d = document.createTextNode([klu]);
c.appendChild(d);
y.appendChild(c);
document.getElementById(table_name).appendChild(y);
}
所以承诺有效。但是现在我有一个问题，即诺言是错误的。如您所见，我想为每个成员运行 Firestore(Database) 任务。所以承诺应该解雇每个新成员。但承诺最终会首先触发。
背景知识：我从数据库中的 ArrayList 中获取成员，对于每个成员，我需要根据该成员获取特定值。当加载成员的值时，我将它们添加到表中，该表为上一个任务中的每个成员（如您所见）填充。正如我所说，承诺将在最后触发。 因此不会将值添加到成员的特定表中。它们将被添加到最后一个表中。
编辑 2： 这是编辑后的代码：
members.reduce((chain, el) => {
db.collection("users").doc(el).collection("user_data").doc("u").get().then(function (doc) {
const data = doc.data();
var member_name = data.name;
table_number++;
const html = fillTemplate("grade_table" + table_number, member_name);
document.getElementById("main_padding").insertAdjacentHTML('beforeend', html);
})
return chain.then(((table_num) => {
return db.collection("users").doc(el).collection("grades").get().then(function (querySnapshot) {
querySnapshot.forEach(function (doc) {
const data = doc.data();
addToTable("grade_table" + table_num, doc.id, data.mdl, data.klu);
});
})
}).bind(null, table_number))
}, Promise.resolve());
所以这里的问题是我获得 member_name 的任务是异步运行的，而另一部分则不是。所以我只能在加载完所有内容后运行整个任务。因为如您所见，我还需要 member_name。那么如何重新编码它只在加载所有内容（member_name/grades）时运行任务。
【问题讨论】：
标签： javascript firebase foreach promise google-cloud-firestore