javascript - 函数将 var 调用为未定义

Question

我的 javascript 代码中有这个函数:

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>
  `;
}   

当我用 this(例如) fillTemplate("grade_table"+ table_number, doc.id); 调用此函数时； 并将 table_name 打印到控制台中，它是未定义的。为什么以及如何解决此问题？
当您需要完整的代码来理解或修复步骤时，这里是整个代码片段:

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, doc.id);
          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);
});  

Answer 1

在 fillTemplate() 函数中，您正在请求一个对象{}

您需要更换:-

function fillTemplate({ table_name, id }) {

与

function fillTemplate(table_name, id) {

这应该可以解决您遇到的问题。