为什么我的 console.log 在 JavaScript 中返回未定义？

Question

我需要访问我的局部变量，我尝试过这种方式。 但到目前为止还没有运气，任何帮助或建议将不胜感激。

我console.log(sum1)

它返回undefined

  var sum1;
  const q = query(collection(db, "users"),where("selected", "==", "Gasto"), where("moneda", "==", "$"));
  const unsubscribe = onSnapshot(q,(querySnapshot) => {
    const dolarCurrency = [];
    const months =[];
    querySnapshot.forEach((doc) =>{
      dolarCurrency.push(doc.data().cantidad);
      months.push(doc.data().fecha)
    })
    const hash = months.map((Day) => ({ Day }));
    const hashDolar = dolarCurrency.map(( Amount ) => ({ Amount }))

    const output = hash.map(({Day},i) => ({Day, ...hashDolar[i]}));

    sum1 = output.reduce((acc, cur)=> {
      const found = acc.find(val => val.Day === cur.Day)
      if(found){
          found.Amount+=Number(cur.Amount)
      }
      else{
          acc.push({...cur, Amount: Number(cur.Amount)})
      }
      return acc
    }, [])
    return sum1
    })

    console.log(sum1)

Answer 1

您在unsubscribe function 之外调用 console.log，这是设置sum1的值的地方。 这将更容易查看您的代码格式是否更好（请始终格式化您的代码）。 这是它的要点：

var sum1;
const unsubscribe = onSnapshot(q, (querySnapshot) => {
  // sum1 gets set in here eventually (keyword "eventually")
};
console.log(sum1); // value is undefined until the function above gets invoked

在尝试记录值之前，您需要确保调用了 function。 另一种选择是将日志语句移动到 function 中。

var sum1;
const unsubscribe = onSnapshot(q, (querySnapshot) => {
  sum1 = ...;
  console.log(sum1);
};